Add icons to this collection by clicking the heart icon.
Email icon - also known as message, envelope, email, mail, security, shield, secure, communications, and seo and web. Created in a clean lineal color style with a white, black, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M10 31h492v300H10Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffda8f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-90-60v-55.13C-90-171.74-53.788-222.062 0-240c54.041 18.022 90 68.527 90 124.87V-60Z"
transform="translate(256 481)"
fill="#ccf5fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-300c-46.6 62.13-112 113.17-179.95 149.82C-110.19-113.51-46.75-62.34 0 0"
transform="translate(502 331)"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h89.9c-.37-10.29-1.94-20.35-4.6-30C73.87-71.63 42.37-105.87 0-120Z"
transform="translate(256 361)"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120h-89.9c-.07 1.62-.1 3.24-.1 4.87V-60Z"
transform="translate(256 481)"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c46.75-62.34 110.19-113.51 179.95-150.18C112-186.83 46.6-237.87 0-300Z"
transform="translate(10 331)"
fill="#eefaff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-42.37 14.13-73.87 48.37-85.3 90-2.66 9.65-4.23 19.71-4.6 30-.07 1.62-.1 3.24-.1 4.87V180l90 60 90-60v-55.13c0-1.63-.03-3.25-.1-4.87-.37-10.29-1.94-20.35-4.6-30C73.87 48.37 42.37 14.13 0 0ZM0 0v240"
transform="translate(256 241)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-179.82"
transform="translate(345.91 361)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c46.6 62.13 112 113.17 179.95 149.82l.33.18"
transform="translate(10 31)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 .33-.18C68.28-36.83 133.68-87.87 180.28-150"
transform="translate(321.72 181)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c46.75-62.34 110.19-113.51 179.95-150.18a589.36 589.36 0 0 1 55.32-25.53L246-180l10.73 4.29a589.36 589.36 0 0 1 55.32 25.53C381.81-113.51 445.25-62.34 492 0"
transform="translate(10 331)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-5.518 0-10 4.482-10 10s4.482 10 10 10 10-4.482 10-10S5.518 0 0 0"
transform="translate(256 21)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h160.69v-300h-201"
transform="translate(341.31 331)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-201v300h160.69"
transform="translate(211 31)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category