Add icons to this collection by clicking the heart icon.
Email icon - also known as message, envelope, email, mail, multimedia, and communications. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="268"
x2="268"
y1="40.326"
y2="438.27"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="144"
x2="144"
y1="40.326"
y2="438.27"
href="#a"
/>
<linearGradient
id="c"
x1="256"
x2="256"
y1="40.326"
y2="438.27"
href="#a"
/>
<linearGradient
id="d"
x1="400"
x2="400"
y1="40.326"
y2="438.27"
href="#a"
/>
<linearGradient
id="e"
x1="344"
x2="344"
y1="40.326"
y2="438.27"
href="#a"
/>
<linearGradient
id="f"
x1="224"
x2="224"
y1="40.326"
y2="438.27"
href="#a"
/>
<linearGradient
id="g"
x1="288"
x2="288"
y1="40.326"
y2="438.27"
href="#a"
/>
<path fill="url(#a)" d="M168 40h200v16H168z" />
<path fill="url(#b)" d="M136 40h16v16h-16z" />
<path
fill="url(#c)"
d="M488 72H216a8 8 0 0 0-8 8v184a32.036 32.036 0 0 1-32-32h16v-16h-32a32.036 32.036 0 0 1-32-32h64v-16h-80a32.036 32.036 0 0 1-32-32h112v-16H64a32.036 32.036 0 0 1-32-32h160V72H24a8 8 0 0 0-8 8v8a48.053 48.053 0 0 0 48 48 48.053 48.053 0 0 0 48 48 48.053 48.053 0 0 0 48 48 48.053 48.053 0 0 0 48 48h72v-16h-43.539l86.852-80.171 23.44 20.364a8 8 0 0 0 10.494 0l23.44-20.364L467.539 264H424v16h64a8 8 0 0 0 8-8V80a8 8 0 0 0-8-8zM224 253.728V97.548l87.161 75.724zm128-66.171L237.407 88h229.186zm128-90.009v156.18l-87.161-80.456z"
/>
<path fill="url(#d)" d="M392 224h16v192h-16z" />
<path
fill="url(#e)"
d="M360 404.687 340.687 424H312v16h32a8 8 0 0 0 5.657-2.343l24-24A8 8 0 0 0 376 408V248h-16z"
/>
<path
fill="url(#f)"
d="m285.657 405.657 56-56A8 8 0 0 0 344 344V232h-16v108.687L276.687 392H232a8 8 0 0 0-5.657 2.343L180.687 440H152v-8a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-8h32a8 8 0 0 0 5.657-2.343L235.313 408H280a8 8 0 0 0 5.657-2.343zM136 456h-16v-16h16z"
/>
<path fill="url(#d)" d="M392 432h16v16h-16z" />
<path fill="url(#g)" d="M280 424h16v16h-16z" />
<path
fill="url(#f)"
d="M176 344h-32a8 8 0 0 0-8 8v32a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-8h80a8 8 0 0 0 5.657-2.343l40-40A8 8 0 0 0 312 328v-80h-16v76.687L260.687 360H184v-8a8 8 0 0 0-8-8zm-8 32h-16v-16h16z"
/>
</svg>
More icons in the same style and category