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

const viewBox = {"width":24,"height":24};
const content = `<style>.tzxf2x3el {
  fill: currentColor;
  d: path("M11.438 21.838q-.263-.163-.388-.513L6 6.075l3.5.85l1.5-1.15V3.4q0-1 .725-1.7T13.5 1t1.775.7T16 3.4V4h-2v-.6q0-.2-.15-.338t-.35-.137t-.35.137T13 3.4v2.375l1.5 1.15l3.5-.85L12.95 21.3q-.125.35-.387.525T12 22t-.562-.162M13 14.8l1.95-5.95l-.9.225L13 8.3zm-2 0V8.3l-1.05.8l-.925-.25z");
}
</style><path class="tzxf2x3el"/>`;

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

export default Component;
