Add icons to this collection by clicking the heart icon.
Mail icon - also known as ribbon, interface, message, bow, mail, Solidarity, charity, mailing, communications, miscellaneous, and love and romance. Created in a clean gradient style with a white, silver, navy, magenta, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="51.95"
x2="382.291"
y1="467.676"
y2="137.336"
gradientUnits="userSpaceOnUse"
>
<stop offset=".049" stop-color="#ffdaec" />
<stop offset=".999" stop-color="#d1ddff" />
</linearGradient>
<path
fill="url(#a)"
d="M449.902 427.171c-26.424-41.046-109.238-45.563-84.302-109.915C475.526 33.575 35.568-130.252 35.568 131.689c0 59.997 90.361 101.178 107.404 152.678 19.695 59.511-86.125 97.988-83.265 158.219 5.34 112.442 135.771 62.997 204.356 23.219 44.408-25.757 81.707 32.874 122.83 44.303 43.741 12.156 92.939-36.445 63.009-82.937z"
/>
<path
fill="#2626bb"
d="m430.68 210.548-58.491-33.57V84.494c0-5.523-4.477-10-10-10H132.454c-5.523 0-10 4.477-10 10v92.15l-58.54 33.894a15 15 0 0 0-7.484 12.981v230.986c0 8.284 6.716 15 15 15h351.783c8.284 0 15-6.716 15-15V223.557a15 15 0 0 0-7.533-13.009z"
opacity=".1"
/>
<path
fill="#6582fd"
d="M438.212 199.56v7.87l-14.283 18.907L257.008 330.43l-9.686-3.96-9.686 3.96L70.879 226.439 56.432 207.43v-7.91a15 15 0 0 1 7.48-12.98l175.09-101.38a14.984 14.984 0 0 1 14.98-.02l176.7 101.41c4.66 2.67 7.53 7.63 7.53 13.01z"
/>
<path
fill="#fff"
d="M372.189 362.805H122.454V60.494c0-5.523 4.477-10 10-10h229.735c5.523 0 10 4.477 10 10z"
/>
<path
fill="#02ffb2"
d="M324.639 203.262H170.004a5 5 0 0 1-5-5v-15.663a5 5 0 0 1 5-5h154.634a5 5 0 0 1 5 5v15.663a4.999 4.999 0 0 1-4.999 5z"
/>
<path
fill="#6582fd"
d="M262.008 208.262h18.583a5 5 0 0 0 0-10h-18.583a5 5 0 0 0 0 10zM262.008 228.643h58.583a5 5 0 0 0 0-10h-58.583a5 5 0 0 0 0 10zM262.008 249.025h58.583a5 5 0 0 0 0-10h-58.583a5 5 0 0 0 0 10zM192.635 208.262h-18.583a5 5 0 0 1 0-10h18.583a5 5 0 0 1 0 10zM232.635 228.643h-58.583a5 5 0 0 1 0-10h58.583a5 5 0 0 1 0 10zM232.635 249.025h-58.583a5 5 0 0 1 0-10h58.583a5 5 0 0 1 0 10z"
/>
<path
fill="#ff7eb7"
d="M232.635 269.407h-58.583a5 5 0 0 1 0-10h58.583a5 5 0 0 1 0 10zM232.635 289.788h-58.583a5 5 0 0 1 0-10h58.583a5 5 0 0 1 0 10zM262.008 269.407h58.583a5 5 0 0 0 0-10h-58.583a5 5 0 0 0 0 10zM262.008 289.788h58.583a5 5 0 0 0 0-10h-58.583a5 5 0 0 0 0 10z"
/>
<path
fill="#9eaffd"
d="M438.212 207.43v40l-11.113 16.93-170.091 106.07-9.686-3.96-9.688 3.959L67.441 264.296 56.432 247.43v-40l190.89 119.04z"
/>
<path
fill="#8298fd"
d="m56.432 247.43 137.43 85.7-7.733 14.022-114.087 80.84-15.61 2.518zM438.212 247.43l-137.431 85.7 7.733 14.022 114.087 80.84 15.611 2.518z"
/>
<path
fill="#b6c4ff"
d="m56.43 430.506 181.422-128.547a15.002 15.002 0 0 1 17.294-.036l183.067 128.582c0 8.284-6.716 15-15 15H71.43c-8.284.001-15-6.715-15-14.999z"
/>
<path
fill="#2626bb"
d="M443.213 199.557a20.05 20.05 0 0 0-10.044-17.346l-55.98-32.129V60.495c0-8.271-6.729-15-15-15H132.454c-8.271 0-15 6.729-15 15v89.267l-56.046 32.449a20.06 20.06 0 0 0-9.979 17.308v230.986c0 .026.004.051.004.077 0 .037.004.073.006.11.102 10.941 9.025 19.813 19.99 19.813h70.058a5 5 0 1 0 0-10H71.43c-4.694 0-8.633-3.256-9.703-7.625l179.016-126.841a10.02 10.02 0 0 1 11.529-.024l180.641 126.878c-1.075 4.363-5.01 7.612-9.7 7.612H169.724a5 5 0 1 0 0 10h253.489c10.973 0 19.901-8.883 19.992-19.835.001-.035.005-.07.005-.105l.003-.06zm-10 221.326L279.031 312.589l154.182-96.15zM61.43 216.44l153.427 95.685L61.43 420.835zm4.989-25.575 51.035-29.548v78.277l-56.024-34.94v-5.135a10.03 10.03 0 0 1 4.989-8.654zm168.542 107.014-11.258 7.977-96.249-60.026V60.495c0-2.757 2.243-5 5-5h229.734c2.757 0 5 2.243 5 5v158.143a5 5 0 1 0 10 0v-57.025l51.002 29.272a10.025 10.025 0 0 1 5.022 8.673v5.097l-163.07 101.692-12.123-8.515c-6.905-4.85-16.171-4.832-23.058.047z"
/>
<path
fill="#fd2c8e"
d="M205.575 158.09c-1.335 0-2.691-.256-4.002-.796-4.798-1.978-46.879-20.189-46.879-50.091 0-16.467 13.397-29.864 29.864-29.864 5.805 0 10.511 4.706 10.511 10.511s-4.706 10.511-10.511 10.511c-4.876 0-8.843 3.967-8.843 8.843 0 6.053 5.59 13.333 15.74 20.5 9.024 6.372 18.04 10.12 18.131 10.157 5.367 2.212 7.923 8.357 5.711 13.723a10.517 10.517 0 0 1-9.722 6.506z"
/>
<path
fill="#ff5ba7"
d="M163.541 158.09a10.513 10.513 0 0 1-9.721-6.507c-2.212-5.367.344-11.511 5.711-13.723 11.043-4.586 33.87-18.122 33.87-30.657 0-4.876-3.967-8.843-8.843-8.843-5.805 0-10.511-4.706-10.511-10.511s4.706-10.511 10.511-10.511c16.467 0 29.864 13.397 29.864 29.864 0 29.902-42.081 48.113-46.879 50.091a10.471 10.471 0 0 1-4.002.797z"
/>
<path
fill="#6582fd"
d="M341.62 129.863c0-9.16-7.453-16.613-16.613-16.613-9.161 0-16.613 7.453-16.613 16.613 0 4.518 1.818 8.615 4.755 11.613-2.936 2.998-4.755 7.095-4.755 11.613a5 5 0 0 0 10 0c0-3.646 2.967-6.613 6.613-6.613s6.613 2.967 6.613 6.613a5 5 0 0 0 10 0c0-4.518-1.818-8.615-4.754-11.613 2.936-2.997 4.754-7.095 4.754-11.613zm-16.613-6.613a6.62 6.62 0 0 1 6.613 6.613c0 3.646-2.966 6.613-6.613 6.613s-6.613-2.967-6.613-6.613 2.966-6.613 6.613-6.613z"
/>
<g fill="#6582fd">
<circle cx="335.311" cy="96.338" r="5" />
<circle cx="318.394" cy="96.338" r="5" />
<circle cx="301.476" cy="96.338" r="5" />
</g>
<circle cx="214.34" cy="391.999" r="27.147" fill="#ff5ba7" />
<path
fill="#6582fd"
d="M223.867 386.808h36.583a5 5 0 0 0 0-10h-36.583a5 5 0 0 0 0 10z"
/>
<path
fill="#fff"
d="M223.867 407.19h78.583a5 5 0 0 0 0-10h-78.583a5 5 0 0 0 0 10z"
/>
<path
fill="#8298fd"
d="M417.448 107.312c-2.116 0-4.611-.812-7.123-2.228-2.512 1.416-5.007 2.228-7.123 2.228a5 5 0 0 1-1.512-9.768c-2.938-3.781-4.971-8.314-4.971-12.96 0-7.502 6.104-13.605 13.605-13.605s13.604 6.103 13.604 13.605c0 4.642-2.028 9.171-4.962 12.95a4.988 4.988 0 0 1 3.504 4.778c.001 2.762-2.261 5-5.022 5zm-7.124-26.333a3.609 3.609 0 0 0-3.605 3.605c0 2.729 1.602 5.476 3.606 7.716 2.002-2.24 3.604-4.987 3.604-7.716a3.609 3.609 0 0 0-3.605-3.605z"
/>
<path
fill="#ff5ba7"
d="M84.441 141.417c-2.116 0-4.611-.812-7.123-2.228-2.512 1.416-5.007 2.228-7.123 2.228a5 5 0 0 1-1.511-9.768c-2.939-3.781-4.971-8.314-4.971-12.96 0-7.502 6.103-13.605 13.604-13.605s13.605 6.103 13.605 13.605c0 4.642-2.028 9.171-4.963 12.95a4.989 4.989 0 0 1 3.504 4.778c.001 2.762-2.261 5-5.022 5zm-7.123-26.333a3.609 3.609 0 0 0-3.604 3.605c0 2.729 1.601 5.476 3.607 7.716 2.001-2.24 3.603-4.987 3.603-7.716a3.61 3.61 0 0 0-3.606-3.605z"
/>
<path
fill="#8298fd"
d="M406.842 493.876c-2.116 0-4.611-.812-7.123-2.228-2.512 1.416-5.007 2.228-7.123 2.228a5 5 0 0 1-1.511-9.768c-2.939-3.781-4.971-8.314-4.971-12.96 0-7.502 6.103-13.605 13.604-13.605s13.605 6.103 13.605 13.605c0 4.642-2.028 9.171-4.963 12.95a4.989 4.989 0 0 1 3.504 4.778c.001 2.762-2.26 5-5.022 5zm-7.123-26.333a3.609 3.609 0 0 0-3.604 3.605c0 2.729 1.601 5.476 3.607 7.716 2.001-2.24 3.603-4.987 3.603-7.716a3.61 3.61 0 0 0-3.606-3.605z"
/>
<path
fill="#ff5ba7"
d="M433.324 161.612a5 5 0 0 1-5-5c0-3.033-2.468-5.5-5.5-5.5a5 5 0 1 1 0-10c3.032 0 5.5-2.467 5.5-5.5a5 5 0 1 1 10 0c0 3.033 2.468 5.5 5.5 5.5a5 5 0 1 1 0 10 5.506 5.506 0 0 0-5.5 5.5 5 5 0 0 1-5 5z"
/>
<path
fill="#02ffb2"
d="M460.932 472.506a5 5 0 0 1-5-5c0-3.033-2.468-5.5-5.5-5.5a5 5 0 1 1 0-10c3.032 0 5.5-2.467 5.5-5.5a5 5 0 1 1 10 0c0 3.033 2.468 5.5 5.5 5.5a5 5 0 1 1 0 10 5.506 5.506 0 0 0-5.5 5.5 5 5 0 0 1-5 5z"
/>
</svg>
More icons in the same style and category