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>.cap5mclub {
  cx: 36.989px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

.j8fclxbta {
  cx: 30.495px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

.l_ugijebj {
  cx: 30.495px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

.lha70tb8z {
  cx: 11.011px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

.nrwk1wb-g {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M6.673 11.026h34.654A2.17 2.17 0 0 1 43.5 13.2v21.598a2.17 2.17 0 0 1-2.173 2.175H6.673A2.17 2.17 0 0 1 4.5 34.8V13.201a2.17 2.17 0 0 1 2.173-2.175m10.521 19.399h13.612");
}

.pg8ogsb4w {
  cx: 17.505px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

.t2yw0rbmk {
  cx: 24px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

.wiqhugbsi {
  cx: 36.989px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

.z56k32crv {
  cx: 24px;
  cy: 17.492px;
  r: .75px;
  fill: currentColor;
}

.zeix6ns9g {
  cx: 17.505px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}

.zfup1ydeh {
  cx: 11.011px;
  cy: 23.97px;
  r: .75px;
  fill: currentColor;
}
</style><path class="nrwk1wb-g"/><circle class="lha70tb8z"/><circle class="pg8ogsb4w"/><circle class="z56k32crv"/><circle class="l_ugijebj"/><circle class="cap5mclub"/><circle class="zfup1ydeh"/><circle class="zeix6ns9g"/><circle class="t2yw0rbmk"/><circle class="j8fclxbta"/><circle class="wiqhugbsi"/>`,
		"fallback": "arcticons:fossify-keyboard",
	});
}

export default Component;
