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

const viewBox = {"width":24,"height":24};
const content = `<style>.sv_h3jbht {
  fill: currentColor;
  d: path("m14 11.31l-1-1V5h-2v3.31l-1-1V5H8.616q-.214 0-.357-.143T8.116 4.5t.143-.357T8.616 4h6.769q.213 0 .356.143t.144.357t-.144.357t-.356.143H14zM5 19h12.43l-6.822-6.823zm13.87 1.439L18.43 20H5q-.64 0-.909-.57t.128-1.065L9.9 11.47L3.523 5.092q-.14-.14-.15-.344t.15-.363t.354-.16t.354.16L19.577 19.73q.14.14.15.344t-.15.364t-.354.159t-.354-.16M12 9.31");
}
</style><path class="sv_h3jbht"/>`;

/** @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-light:science-off-outline-rounded"} {...others} />);
}

export default Component;
