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

const viewBox = {"width":24,"height":24};
const content = `<style>.wskurkbgs {
  fill: currentColor;
  d: path("M12.4 15.35L8.65 11.6l9.025-9.025l3.75 3.75zm0-2.85l6.2-6.175l-.925-.925l-6.175 6.2zM11 21l2-2h9v2zm-5.925 0q-1.15 0-2.213-.45T1 19.3l6.625-6.6L12 17.05L9.75 19.3q-.8.8-1.862 1.25T5.675 21zm0-2h.6q.75 0 1.45-.288T8.35 17.9l.825-.825l-1.55-1.55l-3.4 3.375q.2.05.425.075t.425.025M18.6 6.325l-.925-.925zm-10.975 9.2");
}
</style><path class="wskurkbgs"/>`;

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

export default Component;
