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

const viewBox = {"width":24,"height":24};
const content = `<style>.twkvjbbcs {
  fill: currentColor;
  d: path("M2 7V4h2v3zm0 13v-3h2v3zM7.25 9.175L5.825 7.75L7.95 5.625L9.375 7.05zm.7 9.2L5.825 16.25l1.425-1.425l2.125 2.125zM8 13v-2h6l-1.8-2.4l1.6-1.2l3 4q.375.5.1 1.05T16 13zm12.5 6q-.625 0-1.062-.437T19 17.5v-11q0-.625.438-1.062T20.5 5t1.063.438T22 6.5v11q0 .625-.437 1.063T20.5 19M2 16v-2q.825 0 1.413-.587T4 12t-.587-1.412T2 10V8q1.65 0 2.825 1.175T6 12t-1.175 2.825T2 16");
}
</style><path class="twkvjbbcs"/>`;

/** @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:nest-sunblock"} {...others} />);
}

export default Component;
