Add icons to this collection by clicking the heart icon.
Mail icon - also known as message, envelope, email, mail, security, shield, secure, and communications. 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-280.941c0-6.86-3.044-13.009-7.854-17.171a22.601 22.601 0 0 0-14.873-5.556h-391.159a22.606 22.606 0 0 0-14.874 5.556c-4.809 4.162-7.853 10.311-7.853 17.171V0c0 6.505 2.733 12.38 7.126 16.524 4.073 3.842 9.557 6.204 15.601 6.204h391.159c6.043 0 11.528-2.362 15.601-6.204A22.649 22.649 0 0 0 0 0"
transform="translate(474.307 313.668)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a22.652 22.652 0 0 0 7.126-16.524v-280.942c0-6.859-3.044-13.009-7.854-17.171"
transform="translate(467.18 330.192)"
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-4.81 4.162-7.854 10.312-7.854 17.171v280.941c0 6.505 2.734 12.38 7.126 16.525"
transform="translate(45.547 15.556)"
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-86.262a22.66 22.66 0 0 1-15.601-6.203L87.308-170.834l10.651 8.48h22.718l10.652-8.48L320.499-6.203C316.425-2.361 310.941 0 304.898 0h-86.262"
transform="translate(146.682 336.396)"
fill="#ffee80"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-150.374a22.605 22.605 0 0 0-14.873 5.556L33.847 164.041h22.718L255.659 5.556A22.601 22.601 0 0 0 240.786 0H90.412"
transform="translate(210.794 10)"
fill="#ffee80"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(256.184 10)"
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-38.423 17.368-63.25 55.843-63.25 98.014v96.44a8.945 8.945 0 0 0 5.894 8.409l101.423 45.879 101.467-45.758a8.94 8.94 0 0 0 5.852-8.391V98.01c0-42.167-24.828-80.642-63.251-98.014L44.067-19.396Z"
transform="translate(211.933 253.258)"
fill="#ff7d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-38.423 17.368-63.25 55.843-63.25 98.014v96.44a8.945 8.945 0 0 0 5.894 8.409l101.423 45.879 101.467-45.758a8.94 8.94 0 0 0 5.852-8.391V98.01c0-42.167-24.828-80.642-63.251-98.014L44.067-19.396Z"
transform="translate(211.933 253.258)"
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-22.709 10.348-37.372 33.135-37.372 58.108v73.985l63.64 28.787 63.585-28.674V58.104c0-24.972-14.664-47.76-37.378-58.111L26.243-11.551Z"
transform="translate(229.76 293.163)"
fill="#ccf5fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-22.709 10.348-37.372 33.135-37.372 58.108v73.985l63.64 28.787 63.585-28.674V58.104c0-24.972-14.664-47.76-37.378-58.111L26.243-11.551Z"
transform="translate(229.76 293.163)"
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