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

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

/** @type {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.jw36gwel {
  fill: currentColor;
  d: path("M8.308 17.692h.884v-2h2v-.884h-2v-2h-.884v2h-2v.884h2zm5-.75h4.384v-.884h-4.384zm0-2.5h4.384v-.884h-4.384zm-6.75-5.55h4.384v-.884H6.558zM4 20V4h16v16zm1-1h14V5H5zm0 0V5zm9.1-8.511l1.4-1.4l1.4 1.4l.627-.628l-1.4-1.411l1.4-1.4l-.627-.627l-1.4 1.4l-1.4-1.4l-.627.627l1.4 1.4l-1.4 1.412z");
}
</style><path class="jw36gwel"/>`,
		"fallback": "material-symbols-light:calculate-outline-sharp",
	});
}

export default Component;
