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

const viewBox = {"width":24,"height":24};
const content = `<style>.q0o9v8bmi {
  fill: currentColor;
  d: path("m9.85 22.5l-1.4-1.4l1.1-1.1H5v-2h4.55l-1.1-1.1l1.4-1.4l3.5 3.5zM14 20v-2h5v2zM7 4v13H5V4q0-.825.588-1.412T7 2h10q.825 0 1.413.588T19 4v3.1q.45.175.725.55T20 8.5v2q0 .475-.275.85T19 11.9V17h-2V4zm5.713 2.713Q13 6.425 13 6t-.288-.712T12 5t-.712.288T11 6t.288.713T12 7t.713-.288");
}
</style><path class="q0o9v8bmi"/>`;

/** @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:mobile-camera-rear-outline"} {...others} />);
}

export default Component;
