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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="nrwk1wbe"/><circle class="lha70f"/><circle class="pg8oge"/><circle class="z56k3c"/><circle class="l_ugij"/><circle class="cap5mc"/><circle class="zfup1y"/><circle class="zeix6n"/><circle class="t2yw0d"/><circle class="j8fclj"/><circle class="wiqhus"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:fossify-keyboard" {...props}></Icon>
<style>
:global .nrwk1wbe {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M6.673 11.026h34.654A2.17 2.17 0 0 1 43.5 13.2v21.598a2.17 2.17 0 0 1-2.173 2.175H6.673A2.17 2.17 0 0 1 4.5 34.8V13.201a2.17 2.17 0 0 1 2.173-2.175m10.521 19.399h13.612");
}

:global .lha70f {
  cx: 11.011px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

:global .pg8oge {
  cx: 17.505px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

:global .z56k3c {
  cx: 24px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

:global .l_ugij {
  cx: 30.495px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

:global .cap5mc {
  cx: 36.989px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

:global .zfup1y {
  cx: 11.011px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

:global .zeix6n {
  cx: 17.505px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

:global .t2yw0d {
  cx: 24px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

:global .j8fclj {
  cx: 30.495px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

:global .wiqhus {
  cx: 36.989px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

</style>
