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="-47.056"
x2="-23.349"
y1="645.839"
y2="622.132"
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="M511.211 220.075c-.341-.853-.896-1.557-1.429-2.283-.277-.363-.384-.789-.704-1.131a.455.455 0 0 0-.107-.064c-.683-.704-1.515-1.173-2.368-1.664-.363-.213-.661-.533-1.045-.704-.491-.213-1.045-.213-1.579-.341-.832-.213-1.621-.491-2.475-.491-.064-.021-.107-.064-.171-.064H384V10.667C384 4.779 379.221 0 373.333 0H10.667C4.779 0 0 4.779 0 10.667V288c0 5.888 4.779 10.667 10.667 10.667h74.667v202.667c0 .512.235.981.299 1.472.107.747.171 1.451.448 2.176.277.747.704 1.365 1.131 2.027.256.405.363.875.683 1.237.085.107.213.128.299.235.768.853 1.707 1.493 2.731 2.048.299.149.512.427.811.555 1.299.575 2.728.916 4.264.916h405.333a10.48 10.48 0 0 0 4.267-.917c.299-.128.533-.405.832-.555 1.003-.555 1.941-1.195 2.709-2.027.085-.107.213-.128.32-.235.341-.384.448-.875.725-1.301.405-.64.832-1.259 1.088-1.984.256-.725.341-1.451.448-2.197.064-.491.277-.939.277-1.451V224c0-.533-.235-1.003-.299-1.536-.127-.811-.191-1.621-.489-2.389zM249.856 384.256l41.472 39.467a10.575 10.575 0 0 0 7.339 2.944c2.624 0 5.291-.981 7.339-2.923l41.664-39.488 124.715 106.411H124.971l124.885-106.411zm113.408-14.763 127.403-120.704v229.419L363.264 369.493zm111.317-134.826L298.688 401.28 257.6 362.176a8.811 8.811 0 0 0-1.323-1.045l-65.899-62.464h182.955c5.888 0 10.667-4.779 10.667-10.667v-53.333h90.581zM21.333 21.333h341.333v256H21.333v-256zM159.36 298.667l74.816 70.933-127.509 108.629V298.667h52.693z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-34.557"
x2="-30.85"
y1="644.338"
y2="640.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="M266.667 128h64c5.888 0 10.667-4.779 10.667-10.667v-64c0-5.888-4.779-10.667-10.667-10.667h-64c-5.888 0-10.667 4.779-10.667 10.667v64c0 5.888 4.779 10.667 10.667 10.667zm10.666-64H320v42.667h-42.667V64z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-43.307"
x2="-40.1"
y1="640.588"
y2="637.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="M53.333 170.667H160c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H53.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-43.807"
x2="-41.6"
y1="638.088"
y2="635.881"
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="M53.333 213.333h64c5.888 0 10.667-4.779 10.667-10.667S123.221 192 117.333 192h-64c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.666 10.667 10.666z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.057"
x2="-39.35"
y1="636.838"
y2="633.131"
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="M192 245.333c0-5.888-4.779-10.667-10.667-10.667h-128c-5.888 0-10.667 4.779-10.667 10.667S47.445 256 53.333 256h128c5.888 0 10.667-4.779 10.667-10.667z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category