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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="ag-2erb"/><path class="jt3zmlb"/><circle class="op7c8k"/><circle class="z0mo7e"/><circle class="ndmdwu"/><circle class="bh-lol"/><circle class="x8odeo"/><circle class="mbd8ps"/><circle class="gcdkxy"/><circle class="nv99el"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:famistudio" {...props}></Icon>
<style>
:global .ag-2erb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.167 17.833H42.5v12.333H30.167ZM5.5 17.816h12.333v12.333H5.5Zm12.333 12.351h12.333V42.5H17.833Zm0-24.667h12.333v12.333H17.833Z");
}

:global .jt3zmlb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M20.723 8.39h6.553v6.553h-6.553zm-9.056 12.149l3.688 6.888H7.979zm11.141 12.156v7.277m-2.404-6.075v4.873m4.809-4.288v3.702m2.404-2.553v1.405");
}

:global .op7c8k {
  cx: 32.743px;
  cy: 20.43px;
  r: .75px;
  fill: currentColor;
}

:global .z0mo7e {
  cx: 37.529px;
  cy: 20.43px;
  r: .75px;
  fill: currentColor;
}

:global .ndmdwu {
  cx: 32.743px;
  cy: 25.191px;
  r: .75px;
  fill: currentColor;
}

:global .bh-lol {
  cx: 37.529px;
  cy: 25.191px;
  r: .75px;
  fill: currentColor;
}

:global .x8odeo {
  cx: 35.136px;
  cy: 22.832px;
  r: .75px;
  fill: currentColor;
}

:global .mbd8ps {
  cx: 39.923px;
  cy: 22.832px;
  r: .75px;
  fill: currentColor;
}

:global .gcdkxy {
  cx: 35.136px;
  cy: 27.57px;
  r: .75px;
  fill: currentColor;
}

:global .nv99el {
  cx: 39.923px;
  cy: 27.57px;
  r: .75px;
  fill: currentColor;
}

</style>
