<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<path class="mr8i4wb3a"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols:solar-power-outline-sharp" {...props}></Icon>
<style>
:global(.mr8i4wb3a) {
  fill: var(--svg-color, currentColor);
  d: path("m2 22l2-10h16l2 10zM3 4V2h3v2zm1.45 16H11v-2H4.85zM6.125 9.325L4.7 7.925L6.825 5.8L8.25 7.2zM5.25 16H11v-2H5.65zM8.463 5.538Q7 4.074 7 2h2q0 1.25.875 2.125T12 5t2.125-.875T15 2h2q0 2.075-1.463 3.538T12 7T8.463 5.537M11 11V8h2v3zm2 9h6.55l-.4-2H13zm0-4h5.75l-.4-2H13zm4.875-6.675l-2.1-2.125l1.4-1.4L19.3 7.9zM18 4V2h3v2z");
}

</style>
