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

const viewBox = {"width":24,"height":24};
const content = `<style>.qkny6db_i {
  fill: currentColor;
  d: path("M9.825 20h5.35l.725-7.925q-.25-.225-.437-.5T15.15 11h-5.3q-.125.3-.3.575t-.45.5zM9.55 7l-.275 1.1q.175.2.313.425T9.825 9h5.35q.1-.25.225-.475t.325-.425L15.45 7zM8 22L7 11l.475-.25q.2-.125.35-.3t.15-.425q0-.225-.1-.425t-.3-.3L7 9l1-4h3.5V4H10V2h5v2h-1.5v1H17l.975 3.95l-.575.3q-.2.1-.3.3t-.1.425q0 .25.15.438t.35.312l.475.225L17 22zm4.5-13");
}
</style><path class="qkny6db_i"/>`;

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

export default Component;
