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

const viewBox = {"width":24,"height":24};
const content = `<style>.sn252cbfk {
  fill: currentColor;
  d: path("M8 21q-.425 0-.712-.288T7 20v-3h10v3q0 .425-.288.713T16 21zM19 8v3q0 .075-.05.2L18.2 15q-.075.45-.413.725T17 16H7q-.45 0-.788-.275T5.8 15l-.75-3.8Q5 11.075 5 11V5q0-.825.588-1.412T7 3h8q.825 0 1.413.588T17 5v3q0-.425.288-.712T18 7t.713.288T19 8M7.65 14h8.7l.65-3.4V10h-2V5H7v5.6zm1.85-4h3q.625 0 1.063-.437T14 8.5t-.437-1.062T12.5 7h-3q-.625 0-1.062.438T8 8.5t.438 1.063T9.5 10");
}
</style><path class="sn252cbfk"/>`;

/** @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-mma-outline-rounded"} {...others} />);
}

export default Component;
