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

const viewBox = {"width":24,"height":24};
const content = `<style>.uaqu3u4-w {
  fill: currentColor;
  d: path("M12 21q-3.325 0-5.662-2.3Q4 16.4 4 13.125q0-1.65.625-3.063Q5.25 8.65 6.35 7.55L12 2l5.65 5.55q1.1 1.1 1.725 2.512q.625 1.413.625 3.063q0 3.275-2.337 5.575Q15.325 21 12 21Z");
}
</style><path class="uaqu3u4-w"/>`;

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

export default Component;
