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>.art4pyezk {
  fill: var(--svg-color, currentColor);
  d: path("M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 14H4V6h16z");
}

.cqhdg5bun {
  fill: var(--svg-color, currentColor);
  d: path("M15.5 10.5h2v1h-2z");
  opacity: var(--svg-opacity--.3, .3);
}

.imwe55bwk {
  fill: var(--svg-color, currentColor);
  d: path("M4 18h16V6H4zm10-9h4c.55 0 1 .45 1 1v2c0 .55-.45 1-1 1h-2.5v2H14zm-3 0h2v6h-2zm-6 4.5h3.5v-.75H6c-.55 0-1-.45-1-1V10c0-.55.45-1 1-1h4v1.5H6.5v.75H9c.55 0 1 .45 1 1V14c0 .55-.45 1-1 1H5z");
  opacity: var(--svg-opacity--.3, .3);
}

.m0ub0zxgo {
  fill: var(--svg-color, currentColor);
  d: path("M11 9h2v6h-2zm4.5 4H18c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1h-4v6h1.5zm0-2.5h2v1h-2z");
}

.vr488ik2z {
  fill: var(--svg-color, currentColor);
  d: path("M10 14v-1.75c0-.55-.45-1-1-1H6.5v-.75H10V9H6c-.55 0-1 .45-1 1v1.75c0 .55.45 1 1 1h2.5v.75H5V15h4c.55 0 1-.45 1-1");
}
</style><path class="cqhdg5bun"/><path class="imwe55bwk"/><path class="vr488ik2z"/><path class="art4pyezk"/><path class="m0ub0zxgo"/>`,
		"fallback": "ic:twotone-sip",
	});
}

export default Component;
