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>.agy5gcb-x {
  cx: 9.699px;
  cy: 29.787px;
  r: .75px;
  fill: currentColor;
}

.dqa6rbgwa {
  cx: 9.699px;
  cy: 25.47px;
  r: .75px;
  fill: currentColor;
}

.i9clfwm2k {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4");
}

.iqhvcdbdl {
  cx: 11.857px;
  cy: 31.946px;
  r: .75px;
  fill: currentColor;
}

.jas9lccmo {
  cx: 14.016px;
  cy: 21.152px;
  r: .75px;
  fill: currentColor;
}

.ki3001rrd {
  cx: 20.633px;
  cy: 40.722px;
  r: .75px;
  fill: currentColor;
}

.lptg19b6w {
  cx: 20.669px;
  cy: 14.135px;
  r: 3.336px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.obdw36bop {
  cx: 14.016px;
  cy: 34.105px;
  r: .75px;
  fill: currentColor;
}

.p5qlxobnj {
  cx: 16.175px;
  cy: 18.993px;
  r: .75px;
  fill: currentColor;
}

.spuk-px-d {
  cx: 11.857px;
  cy: 23.311px;
  r: .75px;
  fill: currentColor;
}

.wnpfxlbbs {
  cx: 18.404px;
  cy: 38.493px;
  r: .75px;
  fill: currentColor;
}

.z960akb-y {
  cx: 16.175px;
  cy: 36.264px;
  r: .75px;
  fill: currentColor;
}

.zzfgoux4x {
  cx: 7.54px;
  cy: 27.628px;
  r: .75px;
  fill: currentColor;
}
</style><path class="i9clfwm2k"/><circle class="lptg19b6w"/><circle class="p5qlxobnj"/><circle class="jas9lccmo"/><circle class="spuk-px-d"/><circle class="dqa6rbgwa"/><circle class="zzfgoux4x"/><circle class="z960akb-y"/><circle class="wnpfxlbbs"/><circle class="ki3001rrd"/><circle class="obdw36bop"/><circle class="iqhvcdbdl"/><circle class="agy5gcb-x"/>`,
		"fallback": "arcticons:okay",
	});
}

export default Component;
