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

const viewBox = {"width":24,"height":24};
const content = `<style>.v81fgxbbo {
  fill: currentColor;
  d: path("M2.962 12.5v-1.942h1V12.5zm6.548-2.283L8.116 8.842l.707-.708l1.375 1.375zM2.962 7.788V3H7.75v.5q0 1.787-1.251 3.038t-3.037 1.25zM10.558 4V3H12.5v1zM2 21v-1h2.25q-.16-.171-.268-.378t-.153-.436l-.752-2.955h10.25l-.752 2.956q-.044.229-.153.435q-.108.207-.268.378h2.671l1.577-6.154h-3.635l-.286-3.288H21L20.213 20H22v1z");
}
</style><path class="v81fgxbbo"/>`;

/** @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:meal-lunch"} {...others} />);
}

export default Component;
