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

const viewBox = {"width":24,"height":24};
const content = `<style>.voxmev4pi {
  fill: currentColor;
  d: path("M10.033 19q-2.927 0-4.986-2.036T2.989 12t2.058-4.963T10.033 5h3.91q2.926 0 4.995 2.036T21.006 12t-2.068 4.964T13.942 19zm.561-4.844l-2.413-2.26q-.16-.146-.351-.146q-.192 0-.357.146t-.156.347t.156.341l2.437 2.283q.315.277.7.277t.694-.258l5.204-4.915q.165-.14.165-.344t-.165-.344q-.146-.166-.347-.166t-.367.166z");
}
</style><path class="voxmev4pi"/>`;

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

export default Component;
