Add icons to this collection by clicking the heart icon.
Email icon - also known as message, envelope, email, laptop, send, outbox, inbox, receive, and communications. 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="-.303"
y2="66.871"
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="21" x2="21" y1="-.303" y2="66.871" href="#a" />
<linearGradient id="c" x1="34" x2="34" y1="-.303" y2="66.871" href="#a" />
<linearGradient id="d" x1="30" x2="30" y1="-.303" y2="66.871" href="#a" />
<linearGradient id="e" x1="43" x2="43" y1="-.303" y2="66.871" href="#a" />
<path
fill="url(#a)"
d="M61 52h-3V19a5 5 0 0 0-5-5h-5V3a1 1 0 0 0-1-1H17a1 1 0 0 0-1 1v11h-5a5 5 0 0 0-5 5v33H3a1 1 0 0 0-1 1v4a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5v-4a1 1 0 0 0-1-1zM48 16h5a3.009 3.009 0 0 1 3 3v33h-2V21a3.009 3.009 0 0 0-3-3h-3zM43.7 4 32 11.8 20.3 4zM18 4.87l13.45 8.96a.975.975 0 0 0 1.1 0L46 4.87V22h-3v-7h-2v12a1 1 0 0 0 1 1h.87L40 31.44 37.13 28H38a1 1 0 0 0 1-1V15h-2v7H27v-1h2a1 1 0 0 0 .77-1.64l-5-6a1.032 1.032 0 0 0-1.54 0l-5 6A1 1 0 0 0 18 20a1.023 1.023 0 0 0 .09.42A1 1 0 0 0 19 21h2v1h-3zM17 24h4v8h2V20a1 1 0 0 0-1-1h-.87L24 15.56 26.87 19H26a1 1 0 0 0-1 1v12h2v-8h10v2h-2a1 1 0 0 0-.77 1.64l5 6a1 1 0 0 0 1.54 0l5-6A1 1 0 0 0 45 26h-2v-2h4a1 1 0 0 0 1-1v-3h3a1 1 0 0 1 1 1v31h-4V39a3.009 3.009 0 0 0-3-3H19a3.009 3.009 0 0 0-3 3v13h-4V21a1 1 0 0 1 1-1h3v3a1 1 0 0 0 1 1zm29 15v13H18V39a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1zM8 19a3.009 3.009 0 0 1 3-3h5v2h-3a3.009 3.009 0 0 0-3 3v31H8zm52 38a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-3h56z"
/>
<path fill="url(#b)" d="M20 40h2v2h-2z" />
<path fill="url(#c)" d="M24 40h20v2H24z" />
<path fill="url(#d)" d="M20 44h20v2H20z" />
<path fill="url(#e)" d="M42 44h2v2h-2z" />
<path fill="url(#a)" d="M20 48h24v2H20z" />
</svg>
More icons in the same style and category