import { Icon } from '@iconify/css-react';
import { createElement } from 'react';

const viewBox = {"width":48,"height":48};

/** @param {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.auuj48bly {
  width: 4px;
  height: 4px;
  x: 21.997px;
  y: 21.998px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}

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

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

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

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

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

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

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

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

.t2p65tpzz {
  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;
}

.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;
}

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

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

.z0xjagcqs {
  width: 4px;
  height: 4px;
  x: 21.997px;
  y: 15.248px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .6px;
  ry: .6px;
}
</style><rect class="ugcetzbtb"/><rect class="unloyibvx"/><rect class="y66bg1clc"/><rect class="z0xjagcqs"/><rect class="q8csrrmih"/><rect class="mv-46jbnd"/><rect class="szkh5s8or"/><rect class="fne71tdzg"/><rect class="auuj48bly"/><rect class="kvzyndb_o"/><rect class="flxu6qb7i"/><rect class="ee3-1peuy"/><rect class="t2p65tpzz"/><rect class="d9ipwrbso"/>`,
		"fallback": "arcticons:anysoftkeyboard",
	});
}

export default Component;
