<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 = `<path class="azr0tn6ub"/><rect class="hemzqu55d"/><rect class="dddgfmnwe"/><rect class="hm3dztb_x"/><rect class="lzf7g2qmk"/><rect class="d-43gy3yf"/><rect class="v6aan_blg"/><rect class="ova0dofev"/><rect class="uqcgrzi-s"/><rect class="kycb-_b5p"/><rect class="knts-8byy"/><rect class="lu-ardpcj"/><rect class="kr9lv1ybg"/><rect class="yx0y5ptut"/><rect class="uxdj6lepv"/><path class="ktp110vjc"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:anysoftkeyboard-basque" {...props}></Icon>
<style>
:global(.azr0tn6ub) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M33 16.755h6.5c2.2 0 4 1.8 4 4v17.5c0 2.2-1.8 4-4 4h-31c-2.2 0-4-1.8-4-4v-17.5c0-2.2 1.8-4 4-4H15");
}

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

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

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

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

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

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

:global(.ktp110vjc) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M15.686 18.248L32.307 6.243m-17.311 6.002h18M24 5.745v13M15.686 6.243l16.621 12.005");
}

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

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

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

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

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

:global(.uxdj6lepv) {
  width: 18px;
  height: 13px;
  x: 14.996px;
  y: 5.745px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 2px;
  ry: 2px;
}

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

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

</style>
