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

let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<g class="y9tr6z"><circle class="f_v_dr"/><path class="gacxbn"/><circle class="b6igvk"/><circle class="q-ruzl"/><circle class="uuulzw"/><ellipse class="z3ykzn"/><ellipse class="wtu_fo"/><circle class="mxy2yh"/><circle class="it0q3j"/><circle class="see70n"/><ellipse class="b9nsic"/><circle class="pjz8ap"/><circle class="wc_dbf"/><circle class="v99l0w"/><path class="n1fdnwe"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:moon-phase" {...props}></Icon>
<style>
:global .y9tr6z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .f_v_dr {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
}

:global .gacxbn {
  d: path("M23.94 29.086a6.36 6.36 0 1 1 1.202-3.72h0q0 .627-.122 1.241");
}

:global .b6igvk {
  cx: 34.289px;
  cy: 16.917px;
  r: 3.064px;
}

:global .q-ruzl {
  cx: 14.304px;
  cy: 13.125px;
  r: 2.002px;
}

:global .uuulzw {
  cx: 29.671px;
  cy: 9.321px;
  r: 1.472px;
}

:global .z3ykzn {
  cx: 41.807px;
  cy: 22.725px;
  rx: .985px;
  ry: 1.786px;
}

:global .wtu_fo {
  cx: 40.144px;
  cy: 32.413px;
  rx: 1.019px;
  ry: 1.601px;
}

:global .mxy2yh {
  cx: 27.569px;
  cy: 34.038px;
  r: 2.021px;
}

:global .it0q3j {
  cx: 19.893px;
  cy: 40.978px;
  r: 2.256px;
}

:global .see70n {
  cx: 9.335px;
  cy: 30.028px;
  r: 1.193px;
}

:global .b9nsic {
  cx: 19.073px;
  cy: 5.836px;
  rx: 1.601px;
  ry: .8px;
}

:global .pjz8ap {
  cx: 26.52px;
  cy: 39.261px;
  r: .951px;
}

:global .wc_dbf {
  cx: 19.273px;
  cy: 22.994px;
  r: 1.414px;
}

:global .v99l0w {
  cx: 25.173px;
  cy: 28.051px;
  r: 1.392px;
}

:global .n1fdnwe {
  d: path("M23.39 45.492c-4.656-6.134-7.19-13.718-7.19-21.532c0-7.749 2.492-15.276 7.08-21.385");
}

</style>
