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

const viewBox = {"width":24,"height":24};
const content = `<style>.crf6eflvd {
  fill: currentColor;
  d: path("M11.5 13V3.846h1V13zm.5 7q-1.658 0-3.113-.626t-2.545-1.716t-1.716-2.546T4 12q0-1.789.767-3.38t2.114-2.74l.688.69q-1.219.98-1.894 2.405T5 12q0 2.9 2.05 4.95T12 19q2.925 0 4.963-2.05T19 12q0-1.6-.663-3.025t-1.906-2.406l.688-.688q1.366 1.146 2.123 2.738T20 12q0 1.658-.626 3.113t-1.714 2.545t-2.542 1.716T12 20");
}
</style><path class="crf6eflvd"/>`;

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

export default Component;
