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

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

/** @param {{width?: string; height?: string;}} */
function Component({width, height, ...props}) {
	return createElement(Icon, {
		...props,
		width,
		height,
		viewBox,
		"content": `<style>.l2_mlgyic {
  fill: currentColor;
  d: path("M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm0-3v1h16v-1zm0 0v1zm10-5.5v1q0 .425.288.713T15 13.5t.713-.288T16 12.5v-1h1q.425 0 .713-.288T18 10.5t-.288-.712T17 9.5h-1v-1q0-.425-.288-.712T15 7.5t-.712.288T14 8.5v1h-1q-.425 0-.712.288T12 10.5t.288.713t.712.287zM4 15h16V6H4z");
}
</style><path class="l2_mlgyic"/>`,
		"fallback": "material-symbols:magnify-docked-outline-rounded",
	});
}

export default Component;
