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 blue 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="448pt"
height="448pt"
viewBox="-20 0 448 448.34"
>
<linearGradient
id="a"
gradientUnits="userSpaceOnUse"
x1="74.690009"
x2="134.950009"
y1="43.79"
y2="43.79"
>
<stop offset="0" stop-color="#c1e9f4" />
<stop offset="1" stop-color="#97dcff" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#e8f4f9" />
<stop offset="1" stop-color="#d7f2ff" />
</linearGradient>
<linearGradient
id="c"
gradientUnits="userSpaceOnUse"
x1="29.440009"
x2="61.030009"
y1="182.2"
y2="182.2"
href="#b"
/>
<linearGradient
id="d"
gradientUnits="userSpaceOnUse"
x1="347.570009"
x2="379.160009"
y1="182.205"
y2="182.205"
href="#b"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#80e0f9" />
<stop offset="1" stop-color="#4ac7ff" />
</linearGradient>
<linearGradient
id="f"
gradientUnits="userSpaceOnUse"
x1="283.430009"
x2="400.430009"
y1="299.725"
y2="299.725"
href="#e"
/>
<linearGradient
id="g"
gradientUnits="userSpaceOnUse"
x1="204.300009"
x2="204.300009"
y1="301.37"
y2="440.34"
href="#e"
/>
<linearGradient
id="h"
gradientUnits="userSpaceOnUse"
x1="125.180009"
x2="8.170009"
y1="299.735"
y2="299.735"
href="#e"
/>
<linearGradient
id="i"
gradientUnits="userSpaceOnUse"
x1="125.220009"
x2="283.390009"
y1="249.42"
y2="249.42"
href="#e"
/>
<linearGradient
id="j"
gradientUnits="userSpaceOnUse"
x1="97.990009"
x2="310.610009"
y1="225"
y2="225"
href="#e"
/>
<linearGradient
id="k"
gradientUnits="userSpaceOnUse"
x1="97.990009"
x2="310.610009"
y1="200.58"
y2="200.58"
href="#e"
/>
<linearGradient
id="l"
gradientUnits="userSpaceOnUse"
x1="97.990009"
x2="310.610009"
y1="176.17"
y2="176.17"
href="#e"
/>
<linearGradient
id="m"
gradientUnits="userSpaceOnUse"
x1="97.990009"
x2="310.610009"
y1="151.75"
y2="151.75"
href="#e"
/>
<linearGradient
id="n"
gradientUnits="userSpaceOnUse"
x1="97.990009"
x2="310.610009"
y1="127.33"
y2="127.33"
href="#e"
/>
<linearGradient
id="o"
gradientUnits="userSpaceOnUse"
x1="167.780009"
x2="310.610009"
y1="78.5"
y2="78.5"
href="#e"
/>
<linearGradient
id="p"
gradientUnits="userSpaceOnUse"
x1="167.780009"
x2="310.610009"
y1="54.08"
y2="54.08"
href="#e"
/>
<linearGradient
id="q"
gradientUnits="userSpaceOnUse"
x1="167.780009"
x2="310.610009"
y1="102.92"
y2="102.92"
href="#e"
/>
<linearGradient
id="r"
gradientUnits="userSpaceOnUse"
x1="142.950009"
x2="339.570009"
y1="12.335"
y2="12.335"
href="#b"
/>
<path
d="m408.421875 189.078125c.007813-9.4375-3.671875-18.316406-10.351563-25-6.679687-6.679687-15.558593-10.347656-25.011718-10.347656h-25.488282v-149.730469c0-2.210938-1.789062-4-4-4h-204.621093c-.039063 0-.070313.0117188-.109375.0117188-.191406.0078124-.371094.0273437-.550782.0585937-.117187.0195313-.21875.0390625-.328124.0703125-.152344.039063-.300782.078125-.441407.140625-.089843.027344-.179687.070312-.269531.117188-.128906.0625-.25.121093-.371094.203124-.078125.039063-.160156.089844-.230468.136719-.167969.121094-.320313.242188-.46875.390625-.019532.019532-.039063.03125-.058594.050782l-73.910156 73.910156c-.019532.019531-.03125.039062-.050782.050781-.140625.148437-.269531.308594-.390625.480469-.050781.070312-.089843.140625-.140625.21875-.070312.121094-.140625.25-.207031.378906-.042969.089844-.082031.171875-.113281.261719-.058594.148437-.109375.308593-.136719.46875-.03125.089843-.050781.179687-.070313.269531-.03125.203125-.050781.390625-.0625.589844 0 .042968-.007812.070312-.007812.113281v75.808594h-25.511719c-4.988281 0-9.820312 1.019531-14.347656 3.03125-.050781.019531-.101563.046875-.152344.066406-.007812 0-.019531.011719-.019531.011719-.03125.019531-.058594.03125-.089844.039062-12.621094 5.730469-20.75 18.339844-20.738281 32.191406v223.898438c0 19.5 15.859375 35.371094 35.359375 35.371094h337.527344c6.839844 0 13.230468-1.960938 18.652344-5.339844.140624-.070312.269531-.160156.398437-.261719 9.800781-6.289062 16.3125-17.277343 16.320313-29.757812zm-60.851563-27.347656h25.507813c.78125 0 1.550781.03125 2.3125.097656.507813.042969 1.019531.101563 1.519531.171875s1 .148438 1.5.25c.25.050781.5.101562.75.160156l-31.589844 40.261719zm-212.621093-148.070313v60.261719h-60.257813zm-65.917969 144.109375c0-.007812.007812-.03125.007812-.039062 0-.019531-.007812-.039063-.007812-.050781v-75.757813h69.917969c2.210937 0 4-1.792969 4-4v-69.921875h196.621093v204.871094l-63.171874 80.5-144.179688.019531-63.1875-80.519531zm-33.511719 3.960938h25.511719v40.941406l-31.589844-40.261719c1.980469-.449218 4.007813-.679687 6.078125-.679687zm-17.519531 272.238281c-6-5.027344-9.828125-12.570312-9.828125-21v-223.898438c-.011719-9.761718 5.21875-18.699218 13.519531-23.570312l2.96875 3.789062 100.519532 128.101563-103.550782 131.949219zm355.058594 6.371094h-337.527344c-3.78125 0-7.390625-.769532-10.660156-2.160156l4.628906-5.898438 102.71875-130.890625 144.179688-.019531 102.710937 130.910156 4.621094 5.890625c-3.28125 1.398437-6.878907 2.167969-10.671875 2.167969zm17.542968-6.378906-.082031-.101563-3.660156-4.660156-103.429687-131.828125 100.421874-127.960938 2.988282-3.820312.082031-.101563c1.976563 1.160157 3.828125 2.582031 5.488281 4.25 5.167969 5.160157 8.011719 12.03125 8.011719 19.339844l.007813 223.902344c0 8.417969-3.828126 15.960937-9.828126 20.980469zm0 0"
fill="#054776"
/>
<path
d="m142.949219 8v69.921875c0 2.207031-1.789063 4-4 4h-69.917969v75.757813c0 .011718.007812.03125.007812.050781 0 .007812-.007812.03125-.007812.039062v55.101563l63.1875 80.519531 144.179688-.019531 63.171874-80.5v-204.871094zm136.441406 245.421875h-150.171875c-2.207031 0-4-1.792969-4-4 0-2.210937 1.792969-4 4-4h150.171875c2.199219 0 4 1.789063 4 4 0 2.207031-1.800781 4-4 4zm27.21875-24.421875h-204.621094c-2.207031 0-4-1.789062-4-4s1.792969-4 4-4h204.621094c2.210937 0 4 1.789062 4 4s-1.789063 4-4 4zm0-24.421875h-204.621094c-2.207031 0-4-1.789063-4-4 0-2.207031 1.792969-4 4-4h204.621094c2.210937 0 4 1.792969 4 4 0 2.210937-1.789063 4-4 4zm0-24.40625h-204.621094c-2.207031 0-4-1.792969-4-4 0-2.210937 1.792969-4 4-4h204.621094c2.210937 0 4 1.789063 4 4 0 2.207031-1.789063 4-4 4zm0-24.421875h-204.621094c-2.207031 0-4-1.789062-4-4s1.792969-4 4-4h204.621094c2.210937 0 4 1.789062 4 4s-1.789063 4-4 4zm0-24.421875h-204.621094c-2.207031 0-4-1.789063-4-4 0-2.207031 1.792969-4 4-4h204.621094c2.210937 0 4 1.792969 4 4 0 2.210937-1.789063 4-4 4zm0-24.40625h-134.828125c-2.210938 0-4-1.800781-4-4 0-2.210937 1.789062-4 4-4h134.828125c2.210937 0 4 1.789063 4 4 0 2.199219-1.789063 4-4 4zm0-24.421875h-134.828125c-2.210938 0-4-1.789062-4-4s1.789062-4 4-4h134.828125c2.210937 0 4 1.789062 4 4s-1.789063 4-4 4zm0-24.421875h-134.828125c-2.210938 0-4-1.789063-4-4 0-2.207031 1.789062-4 4-4h134.828125c2.210937 0 4 1.792969 4 4 0 2.210937-1.789063 4-4 4zm0 0"
fill="#fff"
/>
<path d="m134.949219 13.660156v60.261719h-60.257813zm0 0" fill="url(#a)" />
<path
d="m61.03125 161.730469v40.941406l-31.589844-40.261719c1.980469-.449218 4.007813-.679687 6.078125-.679687zm0 0"
fill="url(#c)"
/>
<path
d="m379.160156 162.410156-31.589844 40.269532v-40.949219h25.488282c2.082031 0 4.121094.238281 6.101562.679687zm0 0"
fill="url(#d)"
/>
<path
d="m400.429688 412.980469c0 8.417969-3.828126 15.960937-9.828126 20.980469l-107.171874-136.589844 103.492187-131.882813c1.976563 1.160157 3.828125 2.582031 5.488281 4.25 5.167969 5.160157 8.011719 12.03125 8.011719 19.339844zm0 0"
fill="url(#f)"
/>
<path
d="m276.398438 301.371094-64.078126.007812-80.101562.011719-107.347656 136.789063c3.269531 1.390624 6.878906 2.160156 10.660156 2.160156h337.527344c3.792968 0 7.390625-.769532 10.671875-2.167969zm-25.378907 25.300781h-93.449219c-2.199218 0-4-1.792969-4-4 0-2.210937 1.800782-4 4-4h93.449219c2.210938 0 4 1.789063 4 4 0 2.207031-1.789062 4-4 4zm0 0"
fill="url(#g)"
/>
<path
d="m125.179688 297.390625-107.179688 136.578125c-6-5.027344-9.828125-12.570312-9.828125-21v-223.898438c-.011719-9.761718 5.21875-18.699218 13.519531-23.570312zm0 0"
fill="url(#h)"
/>
<path
d="m255.019531 322.671875c0 2.207031-1.789062 4-4 4h-93.449219c-2.199218 0-4-1.792969-4-4 0-2.210937 1.800782-4 4-4h93.449219c2.210938 0 4 1.789063 4 4zm0 0"
fill="#fff"
/>
<path
d="m283.390625 249.421875c0 2.207031-1.800781 4-4 4h-150.171875c-2.207031 0-4-1.792969-4-4 0-2.210937 1.792969-4 4-4h150.171875c2.199219 0 4 1.789063 4 4zm0 0"
fill="url(#i)"
/>
<path
d="m310.609375 225c0 2.210938-1.789063 4-4 4h-204.621094c-2.207031 0-4-1.789062-4-4s1.792969-4 4-4h204.621094c2.210937 0 4 1.789062 4 4zm0 0"
fill="url(#j)"
/>
<path
d="m310.609375 200.578125c0 2.210937-1.789063 4-4 4h-204.621094c-2.207031 0-4-1.789063-4-4 0-2.207031 1.792969-4 4-4h204.621094c2.210937 0 4 1.792969 4 4zm0 0"
fill="url(#k)"
/>
<path
d="m310.609375 176.171875c0 2.207031-1.789063 4-4 4h-204.621094c-2.207031 0-4-1.792969-4-4 0-2.210937 1.792969-4 4-4h204.621094c2.210937 0 4 1.789063 4 4zm0 0"
fill="url(#l)"
/>
<path
d="m310.609375 151.75c0 2.210938-1.789063 4-4 4h-204.621094c-2.207031 0-4-1.789062-4-4s1.792969-4 4-4h204.621094c2.210937 0 4 1.789062 4 4zm0 0"
fill="url(#m)"
/>
<path
d="m310.609375 127.328125c0 2.210937-1.789063 4-4 4h-204.621094c-2.207031 0-4-1.789063-4-4 0-2.207031 1.792969-4 4-4h204.621094c2.210937 0 4 1.792969 4 4zm0 0"
fill="url(#n)"
/>
<path
d="m310.609375 78.5c0 2.210938-1.789063 4-4 4h-134.828125c-2.210938 0-4-1.789062-4-4s1.789062-4 4-4h134.828125c2.210937 0 4 1.789062 4 4zm0 0"
fill="url(#o)"
/>
<path
d="m310.609375 54.078125c0 2.210937-1.789063 4-4 4h-134.828125c-2.210938 0-4-1.789063-4-4 0-2.207031 1.789062-4 4-4h134.828125c2.210937 0 4 1.792969 4 4zm0 0"
fill="url(#p)"
/>
<path
d="m310.609375 102.921875c0 2.199219-1.789063 4-4 4h-134.828125c-2.210938 0-4-1.800781-4-4 0-2.210937 1.789062-4 4-4h134.828125c2.210937 0 4 1.789063 4 4zm0 0"
fill="url(#q)"
/>
<path
d="m142.949219 8h196.621093v8.671875h-196.621093zm0 0"
fill="url(#r)"
/>
</svg>
More icons in the same style and category