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; |