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

const viewBox = {"width":24,"height":24};
const content = `<style>.wyudth40q {
  fill: currentColor;
  d: path("m12.05 20.846l-4.123-8.038q-1.39.517-2.659-.362T4 10q0-.967.603-1.81q.603-.842 1.882-1.21q.315-2.332 1.92-3.656T12 2t3.595 1.324t1.92 3.657q1.28.367 1.882 1.21Q20 9.033 20 10q0 1.587-1.22 2.427t-2.618.38zm0-2.196l3.2-6.25l-.27-.23q-.772.396-1.54.613Q12.674 13 12 13q-.598 0-1.353-.188q-.755-.189-1.54-.643l-.268.231z");
}
</style><path class="wyudth40q"/>`;

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

export default Component;
