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="-45.555"
x2="-23.852"
y1="644.339"
y2="622.636"
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="M21.995 504.661c.235.725.576 1.344.939 1.984.213.341.256.747.512 1.088.128.171.341.235.491.405.747.875 1.621 1.557 2.603 2.155.363.213.64.512 1.003.683C28.928 511.595 30.4 512 32 512h448c1.6 0 3.072-.405 4.437-1.024.363-.171.661-.469 1.003-.683.981-.597 1.856-1.28 2.603-2.155.149-.171.341-.213.491-.405.256-.341.32-.725.512-1.088.384-.64.704-1.259.939-1.984.235-.704.341-1.387.427-2.133.064-.405.256-.768.256-1.195V224c0-.533-.235-.981-.299-1.493-.107-.768-.171-1.515-.448-2.24-.277-.725-.704-1.344-1.131-1.984-.277-.427-.405-.917-.747-1.323-.085-.085-.192-.128-.277-.213-.533-.576-1.195-.96-1.835-1.408-.512-.363-.981-.789-1.557-1.045-.491-.213-1.045-.277-1.579-.427-.832-.235-1.643-.491-2.496-.512-.107.043-.192-.021-.299-.021h-32V10.667C448 4.779 443.221 0 437.333 0H74.667C68.779 0 64 4.779 64 10.667v202.667H32c-.107 0-.192.064-.299.064-.875.021-1.707.277-2.539.512-.512.149-1.045.192-1.515.405-.597.256-1.088.704-1.621 1.088-.619.427-1.259.811-1.771 1.365-.085.085-.192.128-.277.213-.341.405-.469.896-.747 1.323-.427.64-.853 1.259-1.131 1.984-.277.725-.341 1.472-.448 2.219-.085.512-.32.96-.32 1.493v277.333c0 .427.192.789.235 1.195.086.725.193 1.429.428 2.133zm429.61-269.994-146.283 128h-98.645l-146.283-128h391.211zM469.333 480 326.251 372.693l143.083-125.184V480zm-263.125-96h99.563L448 490.667H64L206.208 384zm-20.459-11.307L42.667 480V247.509l143.082 125.184zM85.333 21.333h341.333v192H85.333v-192z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.805"
x2="-31.602"
y1="645.088"
y2="638.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="M138.667 106.667h234.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H138.667C132.779 85.333 128 90.112 128 96s4.779 10.667 10.667 10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-37.805"
x2="-31.602"
y1="643.088"
y2="636.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="M373.333 128H138.667c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h234.667c5.888 0 10.667-4.779 10.667-10.667S379.221 128 373.333 128z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-37.805"
x2="-31.602"
y1="641.088"
y2="634.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="M373.333 170.667H138.667c-5.888 0-10.667 4.779-10.667 10.667S132.779 192 138.667 192h234.667c5.888 0 10.667-4.779 10.667-10.667s-4.78-10.666-10.668-10.666z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category