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>.zgu3j33io {
  fill: var(--svg-color, currentColor);
  d: path("M12 21q-2.496 0-4.248-1.752T6 15V9.077q0-2.496 1.752-4.248T12 3.077t4.248 1.752T18 9.077V15q0 2.496-1.752 4.248T12 21m.5-11.923H17q0-1.973-1.31-3.387T12.5 4.1zm-5.5 0h4.5V4.1q-1.879.177-3.19 1.59T7 9.078M12 20q2.075 0 3.538-1.463T17 15v-4.923H7V15q0 2.075 1.463 3.538T12 20m0-9.923");
}
</style><path class="zgu3j33io"/>`,
		"fallback": "material-symbols-light:mouse-outline",
	});
}

export default Component;
