Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 1x 1x 1x | import Icon, { getCssFillClassName } from '../Icon';
import IconProps from '../IconProps';
const IconMail = ({ className, color }: IconProps) => {
const cssFillClassName = getCssFillClassName(color);
return (
<Icon
svg={
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<g clip-path="url(#clip0_433_149)">
<path
className={cssFillClassName}
d="M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z"
fill="black"
/>
</g>
<defs>
<clipPath id="clip0_433_149">
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
}
/>
);
};
export default IconMail;
|