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

const viewBox = {"width":24,"height":24};
const content = `<style>.c2a-l4bxt {
  fill: currentColor;
  d: path("M12.016 16q1.448 0 2.466-1.006t1.018-2.44q0-.696-.26-1.316q-.261-.62-.761-1.098L12 7.692l-2.479 2.449q-.5.478-.76 1.097q-.261.62-.261 1.316q0 1.434 1.034 2.44Q10.567 16 12.016 16M9.5 12.5q0-.471.198-.902q.198-.43.539-.769L12 9.108l1.764 1.721q.34.338.538.769q.198.43.198.902zM5 19V8.5l7-5.27l7 5.27V19z");
}
</style><path class="c2a-l4bxt"/>`;

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

export default Component;
