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

const viewBox = {"width":24,"height":24};
const content = `<style>.kqa1j42ut {
  fill: currentColor;
  d: path("M7.187 19.816Q5 17.632 5 14.5V5h1v6.346h2.654V3.5h1v7.846h2.673V2.5h1v8.846H16V4.5h1v6q-.437.448-.66 1.006q-.224.557-.224 1.167v1.25h-.981q-1.446 0-2.444.998t-.999 2.444v.558h.885v-.557q0-1.08.739-1.82q.739-.738 1.818-.738H17v-2.135q0-.95.67-1.62t1.619-.668H20V14.5q0 3.132-2.183 5.316T12.504 22t-5.317-2.184");
}
</style><path class="kqa1j42ut"/>`;

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

export default Component;
