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

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

const viewBox = {"width":48,"height":48};
const content = `<rect class="ynb4khf"/><path class="x2vs7bq"/><path class="uv1e35bu"/><path class="uaj1k1e"/><circle class="lfz6amp"/><path class="ebolfdc"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:music-widget" {...props}></Icon>
<style>
:global .ynb4khf {
  width: 13.928px;
  height: 13.921px;
  x: 4.5px;
  y: 27.211px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .928px;
  ry: .928px;
}

:global .x2vs7bq {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m8.18 27.21l-.208-16.713c-.037-2.978 2.666-4.184 4.883-2.804l17.35 10.8c2.715 1.69 2.84 4.818-.104 6.646l-11.21 6.957");
}

:global .uv1e35bu {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m19.829 31.514l-.013 2.657c-.013 2.536 2.805 2.645 5.194 1.092l16.622-10.8c1.97-1.28 2.941-3.661.052-5.503L24.334 7.901c-2.547-1.624-5.245-1.555-5.245 1.817v1.817");
}

:global .uaj1k1e {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m7.997 12.474l15.974 11.47c1.812 1.301 1.914 3.811.525 4.673");
}

:global .lfz6amp {
  cx: 10.379px;
  cy: 36.732px;
  r: 1.207px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ebolfdc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M11.586 36.732v-5.47h1.254");
}

</style>
