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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="ixcwofi"/><path class="pbcffvb"/><path class="hq87k_b"/><path class="k9ymmug"/><path class="liq_-mb"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:emoji-rainbow" {...props}></Icon>
<style>
:global .ixcwofi {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M10.165 42.5c0-17.858 14.477-32.335 32.335-32.335");
}

:global .pbcffvb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M14.83 42.5c0-15.281 12.388-27.67 27.67-27.67");
}

:global .hq87k_b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M19.496 42.5c0-12.705 10.3-23.004 23.004-23.004");
}

:global .k9ymmug {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.16 42.5c0-10.128 8.212-18.34 18.34-18.34");
}

:global .liq_-mb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M28.826 42.5c0-7.552 6.122-13.674 13.674-13.674V5.5c-20.434 0-37 16.566-37 37z");
}

</style>
