import { Icon } from '@iconify/css-solid';
import { splitProps } from 'solid-js';

const viewBox = {"width":24,"height":24};
const content = `<style>.o3g1z7kxr {
  fill: currentColor;
  d: path("M11.675 20q.625-.875.95-1.9t.325-2.125q0-2.9-2.037-4.937T5.975 9Q4.9 9 3.888 9.313T2 10.225V6q0-.825.588-1.412T4 4h12q.825 0 1.413.588T18 6v4.5l4-4v11l-4-4V18q0 .825-.587 1.413T16 20zm-9.212-.462Q1 18.075 1 16t1.463-3.537T6 11t3.538 1.463T11 16t-1.463 3.538T6 21t-3.537-1.462M5.5 17h1v-4h-1zm.5 2q.2 0 .35-.15t.15-.35t-.15-.35T6 18t-.35.15t-.15.35t.15.35T6 19");
}
</style><path class="o3g1z7kxr"/>`;

/** @param props {{width?: string; height?: string;}} */
function Component(props) {
	const [local, others] = splitProps(props, ["width","height"]);

	return (<Icon width={local.width} height={local.height} viewBox={viewBox} content={content} fallback={"material-symbols:videocam-alert"} {...others} />);
}

export default Component;
