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

const viewBox = {"width":24,"height":24};
const content = `<style>.n7x8yobyr {
  fill: currentColor;
  d: path("M12.327 11.5v-9h1v9zm-3.673 0v-8h1v8zm3.85 10.5q-3.131 0-5.318-2.184T5 14.5V5h1v9.5q0 2.725 1.888 4.613T12.5 21t4.613-1.888T19 14.5v-4h-.5q-.617 0-1.059.441Q17 11.383 17 12v2.923h-1.923q-1.056 0-1.778.722t-.722 1.778v.5h-1v-.5q0-1.457 1.021-2.479q1.021-1.021 2.479-1.021H16V4.5h1v5.56q.308-.268.685-.414T18.5 9.5H20v5q0 3.132-2.183 5.316T12.504 22M13 15.25");
}
</style><path class="n7x8yobyr"/>`;

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

export default Component;
