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>.grelk2b {
  fill: currentColor;
  d: path("M18 22V6L3.71 20.29c-.63.63-.19 1.71.7 1.71zm2-11v6c0 .55.45 1 1 1s1-.45 1-1v-6c0-.55-.45-1-1-1s-1 .45-1 1m0 11h2v-2h-2z");
}

.om444ku {
  fill: currentColor;
  fill-opacity: .3;
  d: path("M22 8V4.41c0-.89-1.08-1.34-1.71-.71L3.71 20.29c-.63.63-.19 1.71.7 1.71H18V11c0-1.66 1.34-3 3-3z");
}
</style><path class="om444ku"/><path class="grelk2b"/>`,
		"fallback": "ic:round-signal-cellular-connected-no-internet-3-bar",
	});
}

export default Component;
