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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="yr2av5b"/><circle class="yi2e_ta"/><circle class="u3p22lf"/><circle class="naaqm_b"/><circle class="z-od1mr"/><circle class="gscbe2i"/><circle class="ws6z08b"/><circle class="ep3oclw"/><circle class="fq_i9lb"/><circle class="pf6xmif"/><circle class="f9zlrfb"/><circle class="y2u0_fp"/><circle class="jl63c_b"/><circle class="pqkw9ub"/><circle class="e-2wyeb"/><circle class="dni7e9b"/><circle class="jwxfw0j"/><circle class="ybtfgcc"/><circle class="up_8ayb"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:blackbox" {...props}></Icon>
<style>
:global .yr2av5b {
  cx: 24px;
  cy: 4.93px;
  r: 1.43px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .yi2e_ta {
  cx: 40.515px;
  cy: 14.465px;
  r: 1.43px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .u3p22lf {
  cx: 40.515px;
  cy: 33.535px;
  r: 1.43px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .naaqm_b {
  cx: 24px;
  cy: 43.07px;
  r: 1.43px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .z-od1mr {
  cx: 7.485px;
  cy: 33.535px;
  r: 1.43px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .gscbe2i {
  cx: 7.485px;
  cy: 14.465px;
  r: 1.43px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ws6z08b {
  cx: 24px;
  cy: 24px;
  r: 2.861px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ep3oclw {
  cx: 24px;
  cy: 14.465px;
  r: 2.384px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .fq_i9lb {
  cx: 32.257px;
  cy: 19.233px;
  r: 2.384px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .pf6xmif {
  cx: 32.257px;
  cy: 28.767px;
  r: 2.384px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .f9zlrfb {
  cx: 24px;
  cy: 33.535px;
  r: 2.384px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .y2u0_fp {
  cx: 15.743px;
  cy: 28.767px;
  r: 2.384px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .jl63c_b {
  cx: 15.743px;
  cy: 19.233px;
  r: 2.384px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .pqkw9ub {
  cx: 7.485px;
  cy: 24px;
  r: 1.907px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .e-2wyeb {
  cx: 15.743px;
  cy: 9.698px;
  r: 1.907px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .dni7e9b {
  cx: 32.257px;
  cy: 9.698px;
  r: 1.907px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .jwxfw0j {
  cx: 40.515px;
  cy: 24px;
  r: 1.907px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .ybtfgcc {
  cx: 32.257px;
  cy: 38.302px;
  r: 1.907px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .up_8ayb {
  cx: 15.743px;
  cy: 38.302px;
  r: 1.907px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

</style>
