Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, email, mail, laptop, marketing, sales, doc, and newsletter. Created in a clean lineal color style with a white, silver, gray, black, red, olive, teal, and orange 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="M31.789 111.497h448.422v49.333H31.789Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#547984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M480.21 111.496h-31.79v49.33h31.79z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#3e5958"
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 0v-225.22h-448.42V0c0 11.04 8.95 20 20 20H-20C-8.95 20 0 11.04 0 0"
transform="translate(480.21 376.726)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-108.39c0-7.85-6.359-14.22-14.21-14.22h-193.6c-7.85 0-14.22 6.37-14.22 14.22V0Z"
transform="translate(367.01 396.726)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-225.22h-31.79V0c0 11.04-8.95 20-20 20H-20C-8.95 20 0 11.04 0 0"
transform="translate(480.21 376.726)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.19h-448.42V0c0 11.04 8.95 20 20 20H-20C-8.95 20 0 11.04 0 0"
transform="translate(480.21 376.726)"
fill="#fd636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30.19h-31.79V0c0 11.04-8.95 20-20 20H-20C-8.95 20 0 11.04 0 0"
transform="translate(480.21 376.726)"
fill="#fe4855"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h448.422"
transform="translate(31.79 346.536)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-448.422"
transform="translate(480.21 151.505)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-157.503h448.422v265.229c0 11.045-8.954 20-20 20H20c-11.046 0-20-8.955-20-20V34"
transform="translate(31.79 269)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-25.624a5 5 0 0 1 5-5h33.906l12.465-17.433a5 5 0 0 1 4.067-2.092H444.86a5 5 0 0 1 4.068 2.092l12.465 17.433H492a5 5 0 0 1 5 5V0a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5"
transform="translate(7.5 114.497)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25.62c0-2.76-2.24-5-5-5h-30.61l-12.46-17.44a5.018 5.018 0 0 0-4.07-2.09H-83.3c1.611 0 3.12.78 4.06 2.09l12.47 17.44h30.6c2.77 0 5 2.24 5 5V0c0 2.76-2.23 5-5 5H-5c2.76 0 5-2.24 5-5"
transform="translate(504.5 114.496)"
fill="#a8d3d9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-357.5a5 5 0 0 1-5-5v-25.624a5 5 0 0 1 5-5h33.906l12.465-17.433a5 5 0 0 1 4.067-2.092H82.36a5 5 0 0 1 4.068 2.092l12.465 17.433H129.5a5 5 0 0 1 5 5V-5a5 5 0 0 1-5 5H34"
transform="translate(370 119.497)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-126.607l-24.363 24.74H24.363Z"
transform="translate(319.304 94.757)"
fill="#7ca2b1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-126.607l-24.363 24.74H24.363Z"
transform="translate(319.304 94.757)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-193.591c-7.853 0-14.219 6.366-14.219 14.219v123.216c0 7.853 6.366 14.219 14.219 14.219H0c7.853 0 14.219-6.366 14.219-14.219V14.219C14.219 6.366 7.853 0 0 0"
transform="translate(352.795 295.998)"
fill="#b4daff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-123.22c0-7.85-6.37-14.22-14.221-14.22H-42.03c7.849 0 14.219 6.37 14.219 14.22V0c0 7.85-6.37 14.22-14.219 14.22h27.809C-6.37 14.22 0 7.85 0 0"
transform="translate(367.016 433.434)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-10l-95.721-65.38a26.97 26.97 0 0 0-15.3-4.73 26.948 26.948 0 0 0-15.29 4.73L-222.03-10V0c0 7.85 6.37 14.22 14.219 14.22h193.59C-6.37 14.22 0 7.85 0 0"
transform="translate(367.016 433.434)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-102.013-69.685a7.112 7.112 0 0 0-8.02 0L-212.046 0a14.11 14.11 0 0 0 9.228 3.406h193.59A14.11 14.11 0 0 0 0 0"
transform="translate(362.022 444.248)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h65.795c7.853 0 14.219 6.366 14.219 14.219v123.216c0 7.853-6.366 14.219-14.219 14.219h-193.591c-7.853 0-14.219-6.366-14.219-14.219V14.219c0-7.853 6.366-14.219 14.219-14.219H-34"
transform="translate(287 295.997)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-102.013-69.685a7.112 7.112 0 0 0-8.02 0L-212.046 0"
transform="translate(362.022 444.248)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-72.424"
transform="translate(198 295.994)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-53.967"
transform="translate(239 254.203)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-79.075"
transform="translate(292 265.611)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-72.424"
transform="translate(324.985 326.627)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h24.667"
transform="translate(70.095 214.203)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h81.643"
transform="translate(70.095 240.203)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h81.643"
transform="translate(70.095 188.203)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-81.643"
transform="translate(441.905 248.707)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-71.643a5 5 0 0 0-5 5v24.504a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(436.905 188.203)"
fill="#bbec6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.51c0-2.76-2.24-5-5-5h-24.5c2.76 0 5 2.24 5 5V0c0 2.76-2.24 5-5 5H-5c2.76 0 5-2.24 5-5"
transform="translate(441.91 217.71)"
fill="#97d729"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-71.643a5 5 0 0 0-5 5v24.504a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(436.905 188.203)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.104"
transform="translate(441.905 303.457)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.104"
transform="translate(441.905 277.478)"
fill="none"
stroke="#000"
stroke-width="15"
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