<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="u78gj2ewx"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="material-symbols-light:night-sight-max" {...props}></Icon>
<style>
:global(.u78gj2ewx) {
  fill: currentColor;
  d: path("M17.5 10.5v-3h-3v-1h3v-3h1v3h3v1h-3v3zm-6.5 10q-3.14 0-5.32-2.18T3.5 13q0-2.927 1.97-5.088t4.934-2.373q.029 0 .057.002q.03.003.058.003q-.494.685-.757 1.61T9.5 9q0 2.692 1.904 4.596T16 15.5q.57 0 1.112-.104t1.057-.3q-.661 2.356-2.624 3.88T11 20.5");
}

</style>
