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

const viewBox = {"width":24,"height":24};
const content = `<style>.knx_fzihb {
  fill: currentColor;
  d: path("M8.462 11.543Q7 10.086 7 8.005T8.457 4.46T11.995 3t3.544 1.457T17 7.996t-1.457 3.542T12.005 13T8.46 11.543M11.5 10.5h1v-2h2v-1h-2v-2h-1v2h-2v1h2zm9.308 11.192v-2h-2v-.884h2v-2h.884v2h2v.884h-2v2zm-7.5 0v-5.384h4.384v3.323h-1.054l.9 2.061h-.923l-.9-2h-1.523v2zm.884-2.884h2.616v-1.616h-2.616zM.308 21.692v-5.384h.884v2h2.616v-2h.884v5.384h-.884v-2.5H1.192v2.5zm6.5 0v-5.384h3.942l.442.442v4.5l-.442.442zm.884-.884h2.616v-3.616H7.692z");
}
</style><path class="knx_fzihb"/>`;

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

export default Component;
