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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="azr0tna"/><rect class="t_n4ado"/><rect class="cnl3fmb"/><rect class="gsaf1kb"/><rect class="k2m5axd"/><rect class="law5guw"/><rect class="bgtrpdw"/><rect class="xc4elhb"/><rect class="v950g-b"/><rect class="r5kt01b"/><rect class="elphz0b"/><rect class="k25m36b"/><rect class="q81c-2b"/><rect class="qafqwnb"/><rect class="uxdj6lk"/><path class="ct3oi4b"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:anysoftkeyboard-arabic" {...props}></Icon>
<style>
:global .azr0tna {
  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 .t_n4ado {
  width: 4px;
  height: 4px;
  x: 8.496px;
  y: 20.753px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

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

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

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

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

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

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

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

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

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

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

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

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

:global .uxdj6lk {
  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 .ct3oi4b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.399 8.317c-3.43-.745-3.387 4.126 1.096 2.249c-7.9 2.11-2.13 7.41.984 5.125");
}

</style>
