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>.aio69j23k {
  fill: var(--svg-color, currentColor);
  d: path("m20.577 15.77l-3.039-3.04v2.118l-1-1V6H8.691l-1-1h9.848v6.27l3.038-3.04zm-1.18 5.196L2.418 3.988l.708-.708l16.977 16.977zM4.884 5.037L5.845 6H4.54v12h12v-1.308l.961.962V19H3.539V5.039zm2.288 10.27v-.166q0-.792.937-1.313q.936-.521 2.37-.521q1.436 0 2.372.52q.937.522.937 1.314v.166z");
}
</style><path class="aio69j23k"/>`,
		"fallback": "material-symbols-light:video-camera-front-off-outline-sharp",
	});
}

export default Component;
