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

const viewBox = {"width":24,"height":24};
const content = `<style>.h96bbi5ed {
  fill: currentColor;
  d: path("M4.28 11.683L1.324 5.78l.896-.458l2.958 5.896zm3.5 7L5.33 13.78l.885-.458l2.457 4.896zm2.032-5L5.873 5.78l.89-.458l3.958 7.896zm2.175-5.006l-1.439-2.896l.89-.452l1.439 2.89zm.6 10l-1.458-2.896l.89-.452l1.452 2.865zm4.65 0l-3.958-7.896l.89-.458l3.958 7.871zm1.544-5.994L15.329 5.78l.89-.452l3.458 6.89zm3 6l-1.952-3.902l.89-.452l1.958 3.89z");
}
</style><path class="h96bbi5ed"/>`;

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

export default Component;
