Add icons to this collection by clicking the heart icon.
Email icon - also known as computer, message, envelope, email, mail, laptop, multimedia, communications, and newsletter. 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"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-2.773"
y2="65.823"
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="14" x2="14" y1="-2.773" y2="65.823" href="#a" />
<linearGradient id="c" x1="20" x2="20" y1="-2.773" y2="65.823" href="#a" />
<linearGradient id="d" x1="26" x2="26" y1="-2.773" y2="65.823" href="#a" />
<linearGradient id="e" x1="38" x2="38" y1="-2.773" y2="65.823" href="#a" />
<linearGradient id="f" x1="44" x2="44" y1="-2.773" y2="65.823" href="#a" />
<linearGradient id="g" x1="50" x2="50" y1="-2.773" y2="65.823" href="#a" />
<g>
<g fill="url(#a)">
<path
d="M61.28 58.21 56 38.87V11a3.009 3.009 0 0 0-3-3h-3V3a1 1 0 0 0-1-1H15a1 1 0 0 0-1 1v5h-3a3.009 3.009 0 0 0-3 3v27.87L2.72 58.21A3 3 0 0 0 5.62 62h52.76a3 3 0 0 0 2.9-3.79zM35.15 14 48 4.93v18.14zm10.7 10h-27.7l12.43-8.78.84.6a1.024 1.024 0 0 0 1.16 0l.84-.6zm0-20L32 13.78 18.15 4zM16 4.93 28.85 14 16 23.07zM10 11a1 1 0 0 1 1-1h3v15a1 1 0 0 0 1 1h34a1 1 0 0 0 1-1V10h3a1 1 0 0 1 1 1v27H10zm49.18 48.61a.99.99 0 0 1-.8.39H5.62a.99.99 0 0 1-.8-.39 1 1 0 0 1-.17-.87L9.76 40h44.48l5.11 18.74a1 1 0 0 1-.17.87z"
/>
<path
d="M40.97 52.758A1 1 0 0 0 40 52H24a1 1 0 0 0-.97.758l-1 4A1 1 0 0 0 23 58h18a1 1 0 0 0 .97-1.242zM24.281 56l.5-2h14.438l.5 2zM27 34h10v2H27z"
/>
</g>
<path fill="url(#b)" d="M12 42h4v2h-4z" />
<path fill="url(#c)" d="M18 42h4v2h-4z" />
<path fill="url(#d)" d="M24 42h4v2h-4z" />
<path fill="url(#e)" d="M36 42h4v2h-4z" />
<path fill="url(#f)" d="M42 42h4v2h-4z" />
<path fill="url(#g)" d="M48 42h4v2h-4z" />
<path fill="url(#a)" d="M30 42h4v2h-4z" />
<path fill="url(#b)" d="M12 46h4v2h-4z" />
<path fill="url(#c)" d="M18 46h4v2h-4z" />
<path fill="url(#d)" d="M24 46h4v2h-4z" />
<path fill="url(#e)" d="M36 46h4v2h-4z" />
<path fill="url(#f)" d="M42 46h4v2h-4z" />
<path fill="url(#g)" d="M48 46h4v2h-4z" />
<path fill="url(#a)" d="M30 46h4v2h-4z" />
</g>
</svg>
More icons in the same style and category