Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, smartphone, mobile phone, envelope, email, mail, marketing, cellphone, and communications. Created in a clean lineal color style with a white, silver, gray, black, red, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-223.199c-16.569 0-30 13.432-30 30v437c0 16.568 13.431 30 30 30H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0"
transform="translate(387.114 7.5)"
fill="#688d98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-437c0-16.57-13.44-30-30-30h-35.331c16.56 0 30 13.43 30 30V0c0 16.57-13.44 30-30 30H-30C-13.44 30 0 16.57 0 0"
transform="translate(417.119 474.5)"
fill="#547984"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M417.11 56.39h-283.2v399.22h283.2z"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-123.22c0-7.85-6.37-14.22-14.22-14.22h-130.05V14.22h130.05C-6.37 14.22 0 7.85 0 0"
transform="translate(278.18 287.31)"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M417.119 56.39h-35.331v399.22h35.331z"
fill="#cae5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M417.111 378.848h-283.2v76.76h283.2z"
fill="#fd636f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M417.111 378.848h-35.32v76.76h35.32z"
fill="#fe4855"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h283.2"
transform="translate(133.915 378.849)"
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 0h283.199"
transform="translate(133.915 455.606)"
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-283.199"
transform="translate(417.114 56.394)"
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 0h35.114c16.569 0 30 13.432 30 30v437c0 16.568-13.431 30-30 30h-223.199c-16.568 0-30-13.432-30-30V30c0-16.568 13.432-30 30-30H-34"
transform="translate(352 7.5)"
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 14.25-14.25"
transform="translate(368.994 423.876)"
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-14.25-14.25"
transform="translate(383.244 423.876)"
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 0h96"
transform="translate(167.162 416.751)"
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(263.957 173.207)"
fill="#b4daff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-123.22c0-7.85-6.37-14.22-14.22-14.22h-27.81c7.85 0 14.22 6.37 14.22 14.22V0c0 7.85-6.37 14.22-14.22 14.22h27.81C-6.37 14.22 0 7.85 0 0"
transform="translate(278.177 310.643)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-10l-95.72-65.38c-4.53-3.1-9.82-4.73-15.3-4.73s-10.76 1.63-15.29 4.73L-222.03-10V0c0 7.85 6.37 14.22 14.22 14.22h193.59C-6.37 14.22 0 7.85 0 0"
transform="translate(278.177 310.643)"
fill="#8bc9fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-102.013-69.685a7.109 7.109 0 0 0-8.02 0L-212.046 0a14.113 14.113 0 0 0 9.228 3.405h193.59C-5.702 3.405-2.474 2.125 0 0"
transform="translate(273.184 321.457)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v17.642C0 25.494-6.366 31.86-14.219 31.86H-207.81c-7.853 0-14.219-6.366-14.219-14.218v-123.217c0-7.853 6.366-14.218 14.219-14.218h127.635"
transform="translate(278.175 293)"
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 0h31.957c7.853 0 14.218 6.366 14.218 14.219v71.574"
transform="translate(232 173.207)"
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.109 7.109 0 0 0-8.02 0L-212.046 0"
transform="translate(273.184 321.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 0h58.187"
transform="translate(309 311.86)"
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 0h135.333"
transform="translate(320.52 279.666)"
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 0h89.186"
transform="translate(254.668 236.033)"
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-50.667"
transform="translate(226.322 133.375)"
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-79.013"
transform="translate(254.668 104)"
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.104"
transform="translate(317.823 133.375)"
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.104"
transform="translate(343.802 133.375)"
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.104"
transform="translate(369.78 133.375)"
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