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

const viewBox = {"width":24,"height":24};
const content = `<style>.gb6v6cmlg {
  fill: currentColor;
  d: path("M9 19h6l-1.975-2.575l-1.45 1.725l-.975-1.3zm-1 3q-.825 0-1.412-.587T6 20v-8q0-.825.588-1.412T8 10h8q.825 0 1.413.588T18 12v8q0 .825-.587 1.413T16 22zM3.5 8q.95-2.725 3.288-4.362T12 2q2.05 0 3.888.875T19 5.35V2h2v6h-6V6h1.9q-.975-.975-2.25-1.487T12 4Q9.975 4 8.262 5.075T5.676 8z");
}
</style><path class="gb6v6cmlg"/>`;

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

export default Component;
