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

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

const viewBox = {"width":48,"height":48};
const content = `<rect class="ugcetzb"/><rect class="unloyib"/><rect class="y66bg1g"/><rect class="z0xjage"/><rect class="q8csrry"/><rect class="mv-46jb"/><rect class="szkh5sy"/><rect class="fne71tx"/><rect class="auuj48b"/><rect class="kvzyndb"/><rect class="flxu6qb"/><rect class="ee3-1pi"/><rect class="t2p65tp"/><rect class="d9ipwrb"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:anysoftkeyboard" {...props}></Icon>
<style>
:global .ugcetzb {
  width: 39px;
  height: 25.5px;
  x: 4.5px;
  y: 11.25px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4px;
  ry: 4px;
}

:global .unloyib {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .y66bg1g {
  width: 4px;
  height: 4px;
  x: 15.246px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .z0xjage {
  width: 4px;
  height: 4px;
  x: 21.997px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .q8csrry {
  width: 4px;
  height: 4px;
  x: 28.747px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .mv-46jb {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .szkh5sy {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .fne71tx {
  width: 4px;
  height: 4px;
  x: 15.246px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .auuj48b {
  width: 4px;
  height: 4px;
  x: 21.997px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .kvzyndb {
  width: 4px;
  height: 4px;
  x: 28.747px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .flxu6qb {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .ee3-1pi {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 28.748px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .t2p65tp {
  width: 17.5px;
  height: 4px;
  x: 15.246px;
  y: 28.748px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

:global .d9ipwrb {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 28.748px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

</style>
