Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, envelope, email, mail, multimedia, mails, communications, and envelopes. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-44.557"
x2="-24.85"
y1="644.338"
y2="624.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M501.333 85.333H10.667C4.779 85.333 0 90.112 0 96v320c0 5.888 4.779 10.667 10.667 10.667h490.667c5.888 0 10.667-4.779 10.667-10.667V96c-.001-5.888-4.78-10.667-10.668-10.667zm-10.666 320H21.333V106.667h469.333v298.666z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-31.556"
x2="-25.851"
y1="639.339"
y2="633.63"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 277.333h106.667c5.888 0 10.667-4.779 10.667-10.667V160c0-5.888-4.779-10.667-10.667-10.667H330.667c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 5.888 4.779 10.666 10.667 10.666zm10.666-106.666h85.333V256h-85.333v-85.333z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-41.309"
x2="-36.098"
y1="632.588"
y2="627.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 362.667h192c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-192C68.779 341.333 64 346.112 64 352s4.779 10.667 10.667 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-41.309"
x2="-36.098"
y1="634.588"
y2="629.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 320h192c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-192c-5.888 0-10.667 4.779-10.667 10.667S68.779 320 74.667 320z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-41.309"
x2="-36.098"
y1="636.588"
y2="631.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 277.333h192c5.888 0 10.667-4.779 10.667-10.667S272.555 256 266.667 256h-192C68.779 256 64 260.779 64 266.667s4.779 10.666 10.667 10.666z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-41.309"
x2="-36.098"
y1="638.588"
y2="633.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M74.667 234.667h192c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-192C68.779 213.333 64 218.112 64 224s4.779 10.667 10.667 10.667z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category