Add icons to this collection by clicking the heart icon.
Mail icon - also known as heart, paper, email, mail, letter, love, love letter, and communications. Created in a clean flat 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="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-453.654c-16.112 0-29.173 13.061-29.173 29.173v275.541c0 16.112 13.061 29.173 29.173 29.173H0c16.111 0 29.173-13.061 29.173-29.173V29.173C29.173 13.061 16.111 0 0 0"
transform="translate(482.827 89.057)"
fill="#ffece6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-275.54c0-16.11-13.061-29.17-29.17-29.17h-264.65c143.79 9.49 257.48 129.13 257.48 275.33 0 20.09-2.15 39.68-6.221 58.55h13.391C-13.061 29.17 0 16.11 0 0"
transform="translate(512 393.77)"
fill="#ffdbcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-82.74c0-16.11-13.061-29.17-29.17-29.17h-99.16C-64.41-108.18-12.07-61.32 0 0"
transform="translate(512 200.97)"
fill="#ffccb7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v150.891c0 12.775-10.356 23.131-23.132 23.131-12.775 0-23.132-10.356-23.132-23.131V0c0-12.775 10.357-23.131 23.132-23.131C-10.356-23.131 0-12.775 0 0"
transform="translate(46.264 168.01)"
fill="#fff7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-47.965C0-60.74 10.356-71.096 23.132-71.096c12.775 0 23.132 10.356 23.132 23.131V0c0 12.775-10.357 23.132-23.132 23.132C10.356 23.132 0 12.775 0 0"
transform="translate(0 295.183)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 256-132.018L512 0c0 16.112-13.062 29.173-29.173 29.173H29.178C13.285 29.173.316 16.452.011.562Z"
transform="translate(0 393.77)"
fill="#ffccb7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-256-132.02-59.18 30.52c12.86-3.32 26.35-5.08 40.25-5.08 80.31 0 146.89 58.83 158.97 135.75h86.79c8.05 0 15.35-3.26 20.63-8.54A29.09 29.09 0 0 0 0 0"
transform="translate(512 393.77)"
fill="#fcad97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-223.027c-12.452 0-22.545-10.094-22.545-22.545 0-12.452 10.093-22.545 22.545-22.545H0c12.451 0 22.545 10.093 22.545 22.545C22.545-10.094 12.451 0 0 0"
transform="translate(306.232 422.944)"
fill="#ffdbcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-69.433c-12.451 0-22.545-10.094-22.545-22.545 0-12.452 10.094-22.545 22.545-22.545H0c12.451 0 22.545 10.093 22.545 22.545C22.545-10.094 12.451 0 0 0"
transform="translate(200.258 422.944)"
fill="#ffece6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.705a8.28 8.28 0 0 0 0 16.557H0A8.278 8.278 0 0 0 0 0"
transform="translate(88.974 193.107)"
fill="#7cbaf7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-123.811a8.28 8.28 0 0 0 0 16.558H0A8.28 8.28 0 0 0 0 0"
transform="translate(169.08 119.625)"
fill="#ffccb7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-123.811a8.279 8.279 0 0 0 0 16.557H0A8.279 8.279 0 0 0 0 0"
transform="translate(169.08 147.151)"
fill="#ffccb7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.073a8.279 8.279 0 1 1 0-16.557H0A8.279 8.279 0 0 1 0 0"
transform="translate(145.16 163.708)"
fill="#ffdbcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.073a8.279 8.279 0 1 1 0-16.558H0a8.279 8.279 0 0 1 8.278 8.279A8.279 8.279 0 0 1 0 0"
transform="translate(145.16 136.183)"
fill="#ffdbcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.009-17.841-39.85-39.85-39.85-22.008 0-39.849 17.841-39.849 39.85 0 22.008 17.841 39.85 39.849 39.85C-17.841 39.85 0 22.008 0 0"
transform="translate(476.766 159.475)"
fill="#7cbaf7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.876-13.681-30.557-30.558-30.557-16.876 0-30.556 13.681-30.556 30.557 0 16.876 13.68 30.558 30.556 30.558C-13.681 30.558 0 16.876 0 0"
transform="translate(460.377 165.501)"
fill="#a9cffc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-63.81a8.279 8.279 0 0 0-8.278 8.279 8.279 8.279 0 0 0 8.278 8.279H0a8.279 8.279 0 0 0 8.278-8.279A8.279 8.279 0 0 0 0 0"
transform="translate(431.167 143.565)"
fill="#f5faff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-93.81a8.279 8.279 0 0 0-8.278 8.279 8.279 8.279 0 0 0 8.278 8.279H0a8.279 8.279 0 0 0 8.278-8.279A8.279 8.279 0 0 0 0 0"
transform="translate(431.167 170.827)"
fill="#cbe1ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-39.496a8.279 8.279 0 0 1-8.278-8.279 8.279 8.279 0 0 1 8.278-8.279H0A8.28 8.28 0 0 1 0 0"
transform="translate(398.125 187.385)"
fill="#e3f0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 11.357-11.357L22.714 0c14.807 14.806 38.812 14.806 53.618 0 14.807-14.807 14.807-38.812 0-53.619l-58.425-58.424a9.262 9.262 0 0 0-13.1 0l-58.425 58.424c-14.807 14.806-14.807 38.812 0 53.619C-38.812 14.806-14.806 14.806 0 0"
transform="translate(244.642 331.244)"
fill="#fe255f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.716-3.696-19.418-11.104-26.812l-58.43-58.429c-3.609-3.609-9.483-3.609-13.106 0l-44.637 44.651a73.673 73.673 0 0 1 25.862-4.66c40.823 0 73.917 33.093 73.917 73.902 0 2.674-.146 5.319-.424 7.919a37.674 37.674 0 0 0 16.818-9.759C-3.696 19.403 0 9.702 0 0"
transform="translate(332.081 304.438)"
fill="#e01152"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-10.313-8.361-18.674-18.675-18.674S-37.35-10.313-37.35 0c0 10.314 8.361 18.675 18.675 18.675S0 10.314 0 0"
transform="translate(237.075 323.673)"
fill="#fc709b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-87.609-45.18C-63.5-28.16-46.66-1.51-42.7 29.17h13.53c8.05 0 15.35-3.26 20.63-8.54A29.09 29.09 0 0 0 0 0"
transform="translate(512 393.77)"
fill="#f79a7c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category