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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="jenl1by"/><circle class="m209e9j"/><circle class="gn1bkub"/><circle class="ofa6u1b"/><path class="t2-0mbb"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:ball2box" {...props}></Icon>
<style>
:global .jenl1by {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m15.7 25.08l-1.734 3.003V43.5h20.068V28.083l-1.668-3.002zm-1.734 3.003h20.068");
}

:global .m209e9j {
  cx: 23.87px;
  cy: 35.88px;
  r: 5.264px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .gn1bkub {
  cx: 23.794px;
  cy: 35.925px;
  r: 1.155px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ofa6u1b {
  cx: 21.78px;
  cy: 17.881px;
  r: 4.496px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .t2-0mbb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m15.44 9.31l1.415 4.718m-.361-7.98l1.898 6.654m-.32-8.202l2.039 7.38m.162-6.549l1.778 6.25m.748-4.511l1.314 4.92");
}

</style>
