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>.ag-2erb0b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.167 17.833H42.5v12.333H30.167ZM5.5 17.816h12.333v12.333H5.5Zm12.333 12.351h12.333V42.5H17.833Zm0-24.667h12.333v12.333H17.833Z");
}

.bh-lolf7k {
  cx: 37.529px;
  cy: 25.191px;
  r: .75px;
  fill: currentColor;
}

.gcdkxmb3j {
  cx: 35.136px;
  cy: 27.57px;
  r: .75px;
  fill: currentColor;
}

.jt3zmlbhy {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M20.723 8.39h6.553v6.553h-6.553zm-9.056 12.149l3.688 6.888H7.979zm11.141 12.156v7.277m-2.404-6.075v4.873m4.809-4.288v3.702m2.404-2.553v1.405");
}

.mbd8pgbhq {
  cx: 39.923px;
  cy: 22.832px;
  r: .75px;
  fill: currentColor;
}

.ndmdw8box {
  cx: 32.743px;
  cy: 25.191px;
  r: .75px;
  fill: currentColor;
}

.nv99el2cx {
  cx: 39.923px;
  cy: 27.57px;
  r: .75px;
  fill: currentColor;
}

.op7c8kict {
  cx: 32.743px;
  cy: 20.43px;
  r: .75px;
  fill: currentColor;
}

.x8odeoh3k {
  cx: 35.136px;
  cy: 22.832px;
  r: .75px;
  fill: currentColor;
}

.z0mo7sb2w {
  cx: 37.529px;
  cy: 20.43px;
  r: .75px;
  fill: currentColor;
}
</style><path class="ag-2erb0b"/><path class="jt3zmlbhy"/><circle class="op7c8kict"/><circle class="z0mo7sb2w"/><circle class="ndmdw8box"/><circle class="bh-lolf7k"/><circle class="x8odeoh3k"/><circle class="mbd8pgbhq"/><circle class="gcdkxmb3j"/><circle class="nv99el2cx"/>`,
		"fallback": "arcticons:famistudio",
	});
}

export default Component;
