Add icons to this collection by clicking the heart icon.
Email icon - also known as interface, message, file, 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="-48.056"
x2="-24.349"
y1="644.839"
y2="621.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-.704-.725-1.579-1.237-2.475-1.749-.32-.192-.597-.491-.939-.64-.491-.213-1.088-.213-1.621-.363-.811-.213-1.6-.491-2.432-.491-.064.021-.107-.021-.171-.021H298.667V96c0-1.429-.299-2.816-.832-4.096a10.554 10.554 0 0 0-2.304-3.456L210.219 3.136a10.554 10.554 0 0 0-3.456-2.304A10.652 10.652 0 0 0 202.667 0h-192C4.779 0 0 4.779 0 10.667v362.667C0 379.221 4.779 384 10.667 384h74.667v117.333c0 .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.576 2.728.917 4.264.917h405.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.389zM213.333 36.416l48.917 48.917h-48.917V36.416zm134.336 347.84 124.715 106.411H124.949l124.885-106.432 41.472 39.509c4.096 3.904 10.56 3.904 14.677 0l41.686-39.488zm15.595-14.763 127.403-120.704v229.419L363.264 369.493zm111.317-134.826L298.688 401.28 280.533 384H288c5.888 0 10.667-4.779 10.667-10.667V234.667h175.914zM21.333 21.333H192V96c0 5.888 4.779 10.667 10.667 10.667h74.667v256H21.333V21.333zM217.237 384l-110.571 94.229V384h110.571z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-41.809"
x2="-37.598"
y1="634.588"
y2="630.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="M234.667 298.667c0-5.888-4.779-10.667-10.667-10.667H74.667C68.779 288 64 292.779 64 298.667s4.779 10.667 10.667 10.667H224c5.888-.001 10.667-4.779 10.667-10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-42.057"
x2="-38.35"
y1="636.338"
y2="632.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="M74.667 266.667h128c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-128C68.779 245.333 64 250.112 64 256s4.779 10.667 10.667 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-41.809"
x2="-37.598"
y1="638.588"
y2="634.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 224H224c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H74.667c-5.888 0-10.667 4.779-10.667 10.667S68.779 224 74.667 224z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-42.557"
x2="-39.85"
y1="639.838"
y2="637.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="M74.667 181.333H160c5.888 0 10.667-4.779 10.667-10.667S165.888 160 160 160H74.667C68.779 160 64 164.779 64 170.667s4.779 10.666 10.667 10.666z"
fill="url(#e)"
/>
</svg>
More icons in the same style and category