Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, dollar, money, email, mail, letter, and business and finance. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x2="64"
y1="45.5"
y2="45.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9a254" />
<stop offset="1" stop-color="#f4bb79" />
</linearGradient>
<linearGradient id="d" x1="0" x2="64" y1="13.5" y2="13.5" href="#a" />
<linearGradient
id="b"
x1="3"
x2="61"
y1="30"
y2="30"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6ab891" />
<stop offset="1" stop-color="#85cba9" />
</linearGradient>
<linearGradient id="e" x1="27" x2="37" href="#b" />
<linearGradient
id="c"
x2="28"
y1="45.5"
y2="45.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fbcc88" />
<stop offset="1" stop-color="#ffe5c3" />
</linearGradient>
<linearGradient
id="f"
x1="13.47"
x2="-1.77"
y1="52.86"
y2="34.37"
gradientTransform="matrix(-1 0 0 1 64 0)"
href="#c"
/>
<linearGradient id="g" x1="0" x2="64" y1="51.12" y2="51.12" href="#c" />
<g>
<path fill="url(#a)" d="M0 27h64v37H0z" />
<path fill="url(#d)" d="M0 27 32 0l32 27z" />
<rect width="58" height="34" x="3" y="13" fill="url(#b)" rx="2" />
<path
fill="#4da67f"
d="M57 22v16a5 5 0 0 0-5 5H12a5 5 0 0 0-5-5V22a5 5 0 0 0 5-5h40a5 5 0 0 0 5 5z"
/>
<g fill="#9fe2bf">
<ellipse cx="32" cy="30" rx="11" ry="13" />
<path
d="M52 31h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zM18 31h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2z"
/>
</g>
<path
fill="url(#e)"
d="M33 29.05V24a2 2 0 0 1 2 2 1 1 0 0 0 1 1c2.09 0 .81-5-3-5v-1a1 1 0 0 0-2 0v1.05A4.48 4.48 0 0 0 31 31v5a2 2 0 0 1-2-2 1 1 0 0 0-1-1c-2.09 0-.81 5 3 5v1a1 1 0 0 0 2 0v-1a4.48 4.48 0 0 0 0-8.9zm-2-5V29a2.5 2.5 0 0 1 0-4.95zM33 36v-4.9a2.5 2.5 0 0 1 0 4.9z"
/>
<path fill="url(#c)" d="m0 27 28 16L0 64z" />
<path fill="url(#f)" d="M64 27 36 43l28 21z" />
<path fill="url(#g)" d="m0 64 29.42-24.82a4 4 0 0 1 5.16 0L64 64z" />
</g>
</svg>
More icons in the same style and category