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

const viewBox = {"width":24,"height":24};
const content = `<style>.za-4bg7zh {
  fill: currentColor;
  d: path("m12 11l7.692-5H4.308zm-7.384 8q-.691 0-1.153-.462T3 17.384V6.616q0-.691.463-1.153T4.615 5h14.77q.69 0 1.152.463T21 6.616v6.057h-1v-5.77l-8 5.213l-8-5.212v10.48q0 .27.173.443t.443.173h8.48v1zm13.067 2.777l-.866-.5L18.14 19H15.5v-1h2.64l-1.323-2.277l.866-.5L19 17.5l1.317-2.277l.866.5L19.86 18h2.64v1h-2.64l1.323 2.277l-.866.5L19 19.5z");
}
</style><path class="za-4bg7zh"/>`;

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

export default Component;
