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

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

const viewBox = {"width":48,"height":48};
const content = `<ellipse transform="rotate(-75.841 26.5 26.843)" class="vi9l5eu"/><path class="bn5rr4z"/><path class="ffat49a"/><path class="kxs9mvt"/><path class="kps40_b"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:wynk-music" {...props}></Icon>
<style>
:global .vi9l5eu {
  cx: 26.5px;
  cy: 26.843px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 5.015px;
  ry: 5.867px;
}

:global .bn5rr4z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M32.188 28.278L37.652 6.56c-.906 3.588 6.391 1.83 5.527 5.255");
}

:global .ffat49a {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M31.888 17.178a10.982 10.982 0 1 0 4.734 5.774");
}

:global .kxs9mvt {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M33.207 11.935a16.266 16.266 0 1 0 5.203 3.91");
}

:global .kps40_b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M26.25 5.125a21.5 21.5 0 0 0-21.5 21.5");
}

</style>
