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

const viewBox = {"width":24,"height":24};
const content = `<style>.bbwa2whvr {
  fill: currentColor;
  d: path("m20.806 21.5l-4.19-4.196l-3.435 3.435l-3.648-3.654l1.38-1.362l-1.823-1.829l-1.386 1.368l-3.629-3.635l1.362-1.38L2.9 7.71l2.067-2.048L2.5 3.189l.708-.689L5.68 4.973l2.048-2.086l2.537 2.575l1.386-1.387L15.28 7.71l-1.362 1.386l1.823 1.823l1.368-1.386l3.648 3.654l-3.43 3.429l4.166 4.17z");
}
</style><path class="bbwa2whvr"/>`;

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

export default Component;
