Add icons to this collection by clicking the heart icon.
Email icon - also known as message, arrow, dollar, envelope, email, mail, finance, up, letter, commerce, down, and business and finance. Created in a clean 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"
>
<defs>
<linearGradient
id="a"
x1="31.855"
x2="31.855"
y1="-4.527"
y2="67.119"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="b"
x1="9"
x2="9"
y1="-4.527"
y2="67.119"
href="#a"
/>
<linearGradient
id="c"
x1="55"
x2="55"
y1="-4.527"
y2="67.119"
href="#a"
/>
<linearGradient
id="d"
x1="32"
x2="32"
y1="-4.527"
y2="67.119"
href="#a"
/>
</defs>
<path
d="m61.54 25.92-14.57-6.58a14.984 14.984 0 0 0-29.94 0L2.19 25.97a1 1 0 0 0-.6.92L2 57a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5l.12-30.17a.973.973 0 0 0-.58-.91ZM44.95 19h-3a9.748 9.748 0 0 0-.84-3.1l2.6-1.51A13.022 13.022 0 0 1 44.95 19Zm-3.84 5.1a9.748 9.748 0 0 0 .84-3.1h3a13.022 13.022 0 0 1-1.24 4.61Zm1.61 3.24a13.244 13.244 0 0 1-3.38 3.38l-1.51-2.62a9.783 9.783 0 0 0 2.27-2.27ZM39.34 9.28a13.244 13.244 0 0 1 3.38 3.38l-2.62 1.51a9.783 9.783 0 0 0-2.27-2.27ZM33 7.05a13.022 13.022 0 0 1 4.61 1.24l-1.51 2.6a9.748 9.748 0 0 0-3.1-.84Zm-2 0v3a9.748 9.748 0 0 0-3.1.84l-1.51-2.6A13.022 13.022 0 0 1 31 7.05ZM32 12a8 8 0 1 1-8 8 8.011 8.011 0 0 1 8-8Zm5.61 19.71A13.022 13.022 0 0 1 33 32.95v-3a9.748 9.748 0 0 0 3.1-.84ZM31 29.95v3a13.022 13.022 0 0 1-4.61-1.24l1.51-2.6a9.748 9.748 0 0 0 3.1.84Zm-4.83-1.85-1.51 2.62a13.244 13.244 0 0 1-3.38-3.38l2.62-1.51a9.783 9.783 0 0 0 2.27 2.27ZM24.66 9.28l1.51 2.62a9.783 9.783 0 0 0-2.27 2.27l-2.62-1.51a13.244 13.244 0 0 1 3.38-3.38Zm-4.37 5.11 2.6 1.51a9.748 9.748 0 0 0-.84 3.1h-3a13.022 13.022 0 0 1 1.24-4.61ZM22.05 21a9.748 9.748 0 0 0 .84 3.1l-2.6 1.51A13.022 13.022 0 0 1 19.05 21Zm-4.97.51a15 15 0 0 0 29.84 0l12.02 5.43L32 40.87 4.99 26.9ZM7 60a3.011 3.011 0 0 1-3-3.01l-.39-28.55 24.77 12.81L10.57 60Zm6.33 0 16.9-17.79 1.31.68a1.017 1.017 0 0 0 .92 0l1.31-.68L50.67 60ZM60 57a3.009 3.009 0 0 1-3 3h-3.57L35.62 41.25l24.5-12.67Z"
fill="url(#a)"
/>
<path
d="M3 10h3v5a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-5h3a1 1 0 0 0 .707-1.707l-6-6a1 1 0 0 0-1.414 0l-6 6A1 1 0 0 0 3 10Zm6-5.586L12.586 8H11a1 1 0 0 0-1 1v5H8V9a1 1 0 0 0-1-1H5.414Z"
fill="url(#b)"
/>
<path
d="M54.293 15.707a1 1 0 0 0 1.414 0l6-6A1 1 0 0 0 61 8h-3V3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5h-3a1 1 0 0 0-.707 1.707ZM53 10a1 1 0 0 0 1-1V4h2v5a1 1 0 0 0 1 1h1.586L55 13.586 51.414 10Z"
fill="url(#c)"
/>
<path
d="M32 23a1 1 0 0 1-1-1h-2a3 3 0 0 0 2 2.816V26h2v-1.184A2.993 2.993 0 0 0 32 19a1 1 0 1 1 1-1h2a3 3 0 0 0-2-2.816V14h-2v1.184A2.993 2.993 0 0 0 32 21a1 1 0 0 1 0 2Z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category