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

const viewBox = {"width":24,"height":24};
const content = `<style>.uw_w8b90i {
  fill: currentColor;
  d: path("m10.48 22.27l-.326-9.424l-4.137-2.421l-.58 2.127l1.698 2.929l-.88.5l-1.916-3.308l1.084-3.896l5.846-3.338L8.75 2.766l.689-.689l3.445 3.556l-3.715 2.19l2.546 1.761l8.027-6.892l.585.689l-8.308 8.407l-.5 10.481zM5 6.691q-.69 0-1.191-.5Q3.308 5.69 3.308 5t.5-1.191Q4.31 3.308 5 3.308t1.191.5T6.692 5t-.5 1.191Q5.69 6.692 5 6.692");
}
</style><path class="uw_w8b90i"/>`;

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

export default Component;
