<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="yr2av5bzg"/><circle class="yi2e_tk7k"/><circle class="u3p22l_dk"/><circle class="naaqm_b6x"/><circle class="z-od1m_xq"/><circle class="gscbe2i6g"/><circle class="ws6z08bta"/><circle class="ep3ocl64h"/><circle class="fq_i9lbcx"/><circle class="pf6xmi55f"/><circle class="f9zlrfbwi"/><circle class="y2u0_fvmg"/><circle class="jl63c_bal"/><circle class="pqkw9ub-p"/><circle class="e-2wyebrd"/><circle class="dni7e9bow"/><circle class="jwxfw03wc"/><circle class="ybtfgccjg"/><circle class="up_8aybxe"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:blackbox" {...props}></Icon>
<style>
:global(.dni7e9bow) {
  cx: 32.257px;
  cy: 9.698px;
  r: 1.907px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:global(.yr2av5bzg) {
  cx: 24px;
  cy: 4.93px;
  r: 1.43px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

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

</style>
