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>.ewmnavq9x {
  fill: var(--svg-color, currentColor);
  d: path("M13 1h10v10H13zm2 2v6h6V3z");
}

.f3f2z9b_q {
  fill: var(--svg-color, currentColor);
  fill-rule: evenodd;
  d: path("M5 17h2v2H5z");
}

.huwqn643h {
  fill: var(--svg-color, currentColor);
  fill-rule: evenodd;
  d: path("M17 5h2v2h-2z");
}

.pa1ec8bve {
  fill: var(--svg-color, currentColor);
  d: path("M1 13h10v10H1zm2 2v6h6v-6z");
}

.t460rx72j {
  fill: var(--svg-color, currentColor);
  d: path("M1 1h10v10H1zm2 2v6h6V3z");
}

.v_hss8b9q {
  fill: var(--svg-color, currentColor);
  fill-rule: evenodd;
  d: path("M5 5h2v2H5z");
}

.xr4p84s3a {
  fill: var(--svg-color, currentColor);
  d: path("M19 19h4v2h-2v2h-2zm-2-6h4v4h-2v-2h-2zm-4 0h2v2h2v6h-2v-2h-2zM3 3h6v6H3zm2 2v2h2V5zm10-2h6v6h-6zm2 2v2h2V5zM3 15h6v6H3zm2 2v2h2v-2z");
  opacity: var(--svg-opacity--.3, .3);
}

.yv2cotlpq {
  fill: var(--svg-color, currentColor);
  d: path("M23 19h-4v4h-6V13h1h-1v6h2v2h2v-6h-2v-2h-1h3v2h2v2h2v-4h2zm0 2v2h-2v-2z");
}
</style><path class="xr4p84s3a"/><path class="t460rx72j"/><path class="v_hss8b9q"/><path class="ewmnavq9x"/><path class="huwqn643h"/><path class="pa1ec8bve"/><path class="f3f2z9b_q"/><path class="yv2cotlpq"/>`,
		"fallback": "ic:twotone-qrcode",
	});
}

export default Component;
