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

const viewBox = {"width":24,"height":24};
const content = `<style>.qnopfdxpk {
  fill: currentColor;
  d: path("M15 14.2L12.2 17q-.3.3-.7.3t-.7-.3L2.3 8.5Q2 8.2 2 7.825t.3-.675l2.8-2.8q.3-.3.725-.3t.725.3L15 12.8q.3.3.3.7t-.3.7m2.9 7.1l-3.55-3.55l1.4-1.4l3.55 3.55q.275.275.275.7t-.275.7t-.7.275t-.7-.275M16.025 7.975Q15 6.95 15 5.5t1.025-2.475T18.5 2t2.475 1.025T22 5.5t-1.025 2.475T18.5 9t-2.475-1.025");
}
</style><path class="qnopfdxpk"/>`;

/** @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:sports-cricket-rounded"} {...others} />);
}

export default Component;
