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

const viewBox = {"width":24,"height":24};
const content = `<style>.j35or8fhn {
  fill: currentColor;
  d: path("M3.616 19.77q-.691 0-1.153-.463T2 18.154v-9.5h1v9.5q0 .269.173.442t.443.173h14.769v1zm3-3q-.691 0-1.153-.463T5 15.154v-9.77q0-.69.463-1.152t1.153-.463h13.769q.69 0 1.153.463T22 5.385v9.769q0 .69-.462 1.153t-1.153.462zm6.884-5.24L21 5.945q0-.292-.048-.558t-.144-.501L13.5 10.311L6.154 4.923q-.096.235-.125.492Q6 5.67 6 5.945z");
}
</style><path class="j35or8fhn"/>`;

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

export default Component;
