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

const viewBox = {"width":24,"height":24};
const content = `<style>.rajimw-mv {
  fill: currentColor;
  d: path("M17 4h2V3q0-.425-.288-.712T18 2t-.712.288T17 3zm-4 18.95q-2.475 0-4.663-.95t-3.812-2.575t-2.575-3.812T1 10.95h2q0 1.8.613 3.425T5.3 17.3t2.55 2.213t3.175 1.262L8.4 18.15l1.4-1.4l5.9 5.9q-.675.15-1.325.225T13 22.95m1.75-3.2L4.2 9.2l7.05-7.05L13 3.9V11h7.075l1.775 1.65zM15 9V4h1V3q0-.825.588-1.412T18 1t1.413.588T20 3v1h1v5z");
}
</style><path class="rajimw-mv"/>`;

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

export default Component;
