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

const viewBox = {"width":24,"height":24};
const content = `<style>.tej_6gbji {
  fill: currentColor;
  d: path("m3.596 20.346l3.77-10.538l6.769 6.769zm9.82-7.488l-.628-.627l7.083-7.083l2.083 2.083l-.589.627l-1.474-1.475zM10.108 9.55l-.627-.627l1.911-1.911L9.47 5.089l.627-.628l2.55 2.55zm1.654 1.654l-.627-.627l4.475-4.475l-2.475-2.475l.627-.627l3.102 3.102zm3.307 3.308l-.627-.627l2.775-2.775l2.775 2.775l-.627.627l-2.148-2.148z");
}
</style><path class="tej_6gbji"/>`;

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

export default Component;
