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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="sq4azbbf"/><path class="yvz3m0l"/><circle class="lgdaah"/><circle class="w_ftir"/><circle class="qz9miy"/><circle class="dgfv7y"/><circle class="v4jeel"/><circle class="whzg8b"/><circle class="ocnibh"/><circle class="zw4k3i"/><circle class="vxo71n"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:weather-forecast" {...props}></Icon>
<style>
:global .sq4azbbf {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M21.692 31.156h-8.627c-9.018-.804-8.97-13.994.054-14.736c1.655-6.32 6.642-9.082 11.436-8.824a10.9 10.9 0 0 1 9.178 5.868c11.254 1.935 9.9 16.359 0 17.692h-9.186");
}

:global .yvz3m0l {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M19.048 8.714a6.685 6.685 0 1 0-9.44 8.697m15.542 7.954l-4.729 8.684l3.13 1.586l-1.35 6.559l5.22-7.73l-3.048-1.63Z");
}

:global .lgdaah {
  cx: 17.457px;
  cy: 33.649px;
  r: .75px;
  fill: currentColor;
}

:global .w_ftir {
  cx: 28.431px;
  cy: 39.625px;
  r: .75px;
  fill: currentColor;
}

:global .qz9miy {
  cx: 30.495px;
  cy: 34.735px;
  r: .75px;
  fill: currentColor;
}

:global .dgfv7y {
  cx: 11.961px;
  cy: 34.842px;
  r: .75px;
  fill: currentColor;
}

:global .v4jeel {
  cx: 17.898px;
  cy: 37.712px;
  r: .75px;
  fill: currentColor;
}

:global .whzg8b {
  cx: 37.653px;
  cy: 34.036px;
  r: .75px;
  fill: currentColor;
}

:global .ocnibh {
  cx: 34.493px;
  cy: 41.444px;
  r: .75px;
  fill: currentColor;
}

:global .zw4k3i {
  cx: 34.063px;
  cy: 36.917px;
  r: .75px;
  fill: currentColor;
}

:global .vxo71n {
  cx: 14.126px;
  cy: 42.194px;
  r: .75px;
  fill: currentColor;
}

</style>
