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

const viewBox = {"width":24,"height":24};
const content = `<style>.js6l-mbrq {
  fill: currentColor;
  d: path("M10 2q4.025 3.425 6.013 6.363T18 13.8v.2h-2v-.2q0-1.825-1.513-4.125T10 4.65Q7.025 7.375 5.513 9.675T4 13.8q0 .7.125 1.35t.375 1.225v3.475q-1.175-1.125-1.838-2.675T2 13.8q0-2.5 1.988-5.437T10 2M6.5 22v-6H11v6zM8 20.5h1.5v-3H8zm4 1.5v-6h5v3.9h-.9L17 22h-1.5l-.85-2H13.5v2zm6 0v-6h5v4h-3.5v2zm-4.5-3.5h2v-1h-2zm6 0h2v-1h-2z");
}
</style><path class="js6l-mbrq"/>`;

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

export default Component;
