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

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<circle class="t4b659o-m"/><path class="p8sfqcfjx"/><circle class="cpk0fnbgt"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:arc-icon-pack" {...props}></Icon>
<style>
:global(.cpk0fnbgt) {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global(.p8sfqcfjx) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m24 31.93l7.209-11.535H16.791zm12.465-17.136h-24.93m26.783 3.265L24.937 39.471m-1.874 0L9.682 18.059m7.109 2.336l-6.352-3.893m27.122 0l-6.352 3.893M24 39.5v-7.57m-3.611-17.134l-1.674-5.371m8.933 5.371l1.673-5.371M18.036 31.473l-3.883 4.428m.002-10.597l-5.362 1.35m21.156 4.819l3.867 4.41m.014-10.579l5.362 1.35");
}

:global(.t4b659o-m) {
  cx: 24px;
  cy: 24px;
  r: 15.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

</style>
