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>.nerkfyblo {
  cx: 11px;
  cy: 16px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
  opacity: var(--svg-opacity--.3, .3);
}

.w-nsj3bmi {
  fill: var(--svg-color, currentColor);
  d: path("M17 10h4v8h-4z");
  opacity: var(--svg-opacity--.3, .3);
}

.xw84lhbxc {
  fill: var(--svg-color, currentColor);
  d: path("M3 6h18V4H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h4v-2H3zm19 2h-6c-.5 0-1 .5-1 1v10c0 .5.5 1 1 1h6c.5 0 1-.5 1-1V9c0-.5-.5-1-1-1m-1 10h-4v-8h4zm-8-6H9v1.78c-.61.55-1 1.33-1 2.22s.39 1.67 1 2.22V20h4v-1.78c.61-.55 1-1.34 1-2.22s-.39-1.67-1-2.22zm-2 5.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5");
}
</style><path class="w-nsj3bmi"/><circle class="nerkfyblo"/><path class="xw84lhbxc"/>`,
		"fallback": "ic:twotone-devices-other",
	});
}

export default Component;
