<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 = `<rect class="ugcetzbtb"/><rect class="emgvribnz"/><rect class="rmag2tu_w"/><rect class="dylbvfbfe"/><rect class="iv6rembuo"/><rect class="lpmoii8ay"/><rect class="y4qqdo-ta"/><rect class="l6x3bquaj"/><rect class="dy-4ahbhv"/><rect class="e4jb-07xa"/><rect class="mqhsan1cs"/><rect class="k9ahv8bqe"/><rect class="d0hwr3b8p"/><rect class="hq0tf4j_r"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:anysoftkeyboard" {...props}></Icon>
<style>
:global(.d0hwr3b8p) {
  width: 17.5px;
  height: 4px;
  x: 15.246px;
  y: 28.748px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

:global(.dy-4ahbhv) {
  width: 4px;
  height: 4px;
  x: 21.997px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

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

:global(.e4jb-07xa) {
  width: 4px;
  height: 4px;
  x: 28.747px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

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

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

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

:global(.k9ahv8bqe) {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 28.748px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

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

:global(.lpmoii8ay) {
  width: 4px;
  height: 4px;
  x: 35.496px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

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

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

:global(.ugcetzbtb) {
  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(.y4qqdo-ta) {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 0.6px;
  ry: 0.6px;
}

</style>
