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

const viewBox = {"width":24,"height":24};
const content = `<style>.uy1gcgb2m {
  fill: currentColor;
  d: path("M5 21q-1.25 0-2.125-.875T2 18t.875-2.125T5 15h14q1.25 0 2.125.875T22 18t-.875 2.125T19 21zm0-2h14q.425 0 .713-.288T20 18t-.288-.712T19 17H5q-.425 0-.712.288T4 18t.288.713T5 19m5-6q-.425 0-.712-.288T9 12V4q0-.425.288-.712T10 3h8q.425 0 .713.288T19 4v8q0 .425-.288.713T18 13zm1-2h6V5h-6zm-9-.05V9.025h4.925v1.925zM12 8h4V6.025h-4zM4 8h2.925V6.025H4zm7 3V5z");
}
</style><path class="uy1gcgb2m"/>`;

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

export default Component;
