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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="tgzxybc"/><path class="q7d3_kb"/><path class="uyxvgnb"/><circle class="k_zcqph"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:band" {...props}></Icon>
<style>
:global .tgzxybc {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M16.2 27.9V8.4a3.9 3.9 0 0 0-3.9-3.9h0a3.9 3.9 0 0 0-3.9 3.9v19.5");
}

:global .q7d3_kb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M16.2 14.387A15.602 15.602 0 1 1 8.4 27.9");
}

:global .uyxvgnb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M16.2 19.18a11.7 11.7 0 1 1-3.9 8.72V8.4");
}

:global .k_zcqph {
  cx: 24px;
  cy: 27.9px;
  r: 7.8px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

</style>
