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

const viewBox = {"width":24,"height":24};
const content = `<style>.pheq8kzcb {
  fill: currentColor;
  d: path("M12.675 19.1q2-1.05 3.163-2.95T17 12t-1.162-4.15t-3.163-2.95Q13.8 6.45 14.4 8.263T15 12t-.6 3.738t-1.725 3.362M9 22q-.775 0-1.525-.112T6 21.55q3.125-1.025 5.063-3.65T13 12t-1.937-5.9T6 2.45q.725-.225 1.475-.337T9 2q2.075 0 3.9.788t3.175 2.137T18.213 8.1T19 12t-.788 3.9t-2.137 3.175t-3.175 2.138T9 22m6-10");
}
</style><path class="pheq8kzcb"/>`;

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

export default Component;
