Add icons to this collection by clicking the heart icon.
Mail icon - also known as interface, message, envelope, email, mail, multimedia, mails, communications, and envelopes. Created in a clean blue style with a white and silver 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="100"
height="100"
viewBox="0 0 511.921 511.921"
>
<g transform="translate(1)">
<path
d="M413.609 189.024v296.758l-38.872 19.402L96.438 344.51V47.752c0-5.861 4.109-8.219 9.297-5.322l26.813 15.495V31.853a5.349 5.349 0 0 1 2.829-5.457l.202-.135 37.592-18.728h.067a5.466 5.466 0 0 1 6.265.202L369.28 117.344a17.99 17.99 0 0 1 8.219 14.147v26.072l26.745 15.495a20.232 20.232 0 0 1 9.365 15.966z"
fill="#d4e1f4"
/>
<linearGradient
id="a"
x1="-49.528"
x2="-49.028"
y1="652.246"
y2="650.978"
gradientTransform="matrix(278.2989 0 0 -190.0463 13949.63 124261.273)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M374.739 505.184 96.44 344.51l51.537-29.373 175.225 101.188z"
fill="url(#a)"
/>
<path
d="M338.695 150.893V259.76l-103.074-59.486-100.379-58.004-2.695-1.549V31.853a5.349 5.349 0 0 1 2.829-5.457l.202-.135a6.523 6.523 0 0 1 5.12.943l30.653 17.718 159.124 91.891a17.94 17.94 0 0 1 8.22 14.08z"
fill="#ebeced"
/>
<path
d="M374.737 505.184 96.438 344.51M132.548 57.925v82.796l-36.109-56.32V47.752c0-5.861 4.109-8.219 9.297-5.322l26.812 15.495z"
fill="#d4e1f4"
/>
<path
d="M413.611 228.569v257.213l-38.872 19.402V245.142l2.762-1.213z"
fill="#a4c2f7"
/>
<path
d="M292.254 156.927a6.706 6.706 0 0 1-3.362-.901l-41.224-23.803a6.736 6.736 0 0 1-.003-11.672 6.738 6.738 0 0 1 6.74.002l41.224 23.803a6.737 6.737 0 0 1-3.375 12.571zM413.609 189.024v39.545l-36.109 15.36v-86.366l26.745 15.495a20.234 20.234 0 0 1 9.364 15.966z"
fill="#d4e1f4"
/>
<path
d="M377.499 131.491v112.438l-2.762 1.213-36.042 14.619V150.893a17.942 17.942 0 0 0-8.219-14.08l-159.124-91.89-30.653-17.718a6.523 6.523 0 0 0-5.12-.943l37.592-18.728h.067a5.466 5.466 0 0 1 6.265.202L369.28 117.344a17.99 17.99 0 0 1 8.219 14.147z"
fill="#a4c2f7"
/>
<path d="m173.979 7.196-.741.337" fill="#d4e1f4" />
<path
d="M220.112 256.318a34.064 34.064 0 0 0 15.461 26.66c8.539 4.93 15.461.987 15.461-8.807a34.064 34.064 0 0 0-15.461-26.66c-8.539-4.93-15.461-.987-15.461 8.807z"
fill="#a4c2f7"
/>
<path
d="m397.71 171.036 11.801 6.837a17.315 17.315 0 0 0-5.266-4.816l-6.535-3.786v1.765zM116.649 97.874V61.226c0-5.861 4.109-8.219 9.297-5.322l26.813 15.495V45.327a5.349 5.349 0 0 1 2.829-5.457l.202-.135 37.592-18.728h.067a5.466 5.466 0 0 1 6.265.202l174.167 100.593a15.68 15.68 0 0 0-4.601-4.458L179.503 7.735a5.466 5.466 0 0 0-6.265-.202h-.067l-37.592 18.728-.202.135a5.347 5.347 0 0 0-2.829 5.457v26.072L105.735 42.43c-5.187-2.897-9.297-.539-9.297 5.322V344.51l20.211 11.669V97.874z"
fill="#fff"
/>
</g>
<path d="M104.144 84.414V344.49H90.67V84.414z" fill="#fff" />
<path
d="M97.406 145.048a6.763 6.763 0 0 0 4.783-11.52l-1.01-.809a5.115 5.115 0 0 0-1.214-.609 4.258 4.258 0 0 0-1.214-.401 9.79 9.79 0 0 0-1.345-.135 7.074 7.074 0 0 0-4.783 1.954 6.642 6.642 0 0 0 2.22 10.98 6.742 6.742 0 0 0 2.563.54zM176.517 90.572l51.533 29.75a6.738 6.738 0 0 0 6.737-11.671l-51.533-29.75a6.738 6.738 0 0 0-6.737 11.671zM296.629 144.355l-41.224-23.803a6.738 6.738 0 1 0-6.737 11.67l41.224 23.803a6.738 6.738 0 0 0 6.737-11.67zM234.787 155.94l-51.533-29.75a6.738 6.738 0 0 0-6.737 11.671l51.533 29.75a6.738 6.738 0 0 0 6.737-11.671zM296.629 191.651l-41.224-23.809a6.738 6.738 0 1 0-6.737 11.67l41.224 23.809a6.738 6.738 0 0 0 6.737-11.67zM296.629 167.999l-56.691-32.724a6.738 6.738 0 0 0-6.737 11.671l56.691 32.724a6.738 6.738 0 0 0 6.737-11.671zM176.517 114.217l36.072 20.829a6.738 6.738 0 1 0 6.737-11.67l-36.072-20.829a6.738 6.738 0 0 0-6.737 11.67z"
fill="#428dff"
/>
<path
d="M421.32 227.894v-38.855a26.856 26.856 0 0 0-12.684-21.816l-23.375-13.528v-22.209a24.707 24.707 0 0 0-11.592-19.954L183.853 1.894a12.484 12.484 0 0 0-11.868-.734l-38.612 19.194c-.088.044-.138.127-.223.174-.207.102-.437.137-.639.254a12.272 12.272 0 0 0-5.717 11.066v14.417l-16.77-9.68a13.245 13.245 0 0 0-13.355-.552 13.032 13.032 0 0 0-6 11.737V111.364a6.737 6.737 0 1 0 13.474 0V107.4l23.717 36.981c.039.061.114.087.154.146a6.698 6.698 0 0 0 2.182 2.071l99.638 57.517v34.636c-2.65-.092-5.275.54-7.592 1.827a17.34 17.34 0 0 0-7.869 15.737 41.399 41.399 0 0 0 15.461 30.174v14.221c0 2.513-.671 3.816-1.118 4.079-.487.25-1.993.197-4.237-1.105a6.738 6.738 0 1 0-6.737 11.67 20.854 20.854 0 0 0 10.349 3.02 14.659 14.659 0 0 0 6.068-1.392 39.352 39.352 0 0 0 14.512 16.227 6.738 6.738 0 1 0 6.737-11.67 27.484 27.484 0 0 1-12.099-20.829v-8.917c.077.001.16.035.237.035 2.583.023 5.126-.64 7.368-1.921a17.337 17.337 0 0 0 7.862-15.737 41.37 41.37 0 0 0-15.467-30.168v-32.109l93 53.685a6.42 6.42 0 0 0 5.61.465c.095-.033.197-.019.291-.057l26.789-10.87v225.042l-38.987-67.224a6.773 6.773 0 0 0-2.461-2.454L152.333 309.315a6.753 6.753 0 0 0-6.704-.02l-41.487 23.635V165.259a6.737 6.737 0 1 0-13.474 0v179.232h.02v.002c.01.482.073.962.186 1.431.037.168.061.33.11.494a6.676 6.676 0 0 0 1.289 2.355 6.658 6.658 0 0 0 1.783 1.574l278.296 160.671c.396.212.812.383 1.243.512.118.04.226.109.345.142l.073.025c.119.031.24.022.359.047.442.103.894.162 1.348.174H375.733l.008-.002a6.709 6.709 0 0 0 2.262-.447c.166-.06.32-.123.481-.196l.025-.01c.076-.034.162-.019.236-.056l38.849-19.421a6.742 6.742 0 0 0 3.724-6.026v-257.1c.017-.253.017-.51.002-.766zm-177.144 50.349c-.474.276-1.993.191-4.23-1.092a27.528 27.528 0 0 1-12.099-20.836c0-2.507.671-3.809 1.125-4.066a1.36 1.36 0 0 1 .658-.132 7.677 7.677 0 0 1 3.572 1.23 27.471 27.471 0 0 1 12.099 20.822c0 2.508-.672 3.811-1.125 4.074zm163.67-89.204v35.104l-22.586 9.6v-64.48l16.697 9.658a13.645 13.645 0 0 1 5.889 10.118zm-40.888-65.822a11.446 11.446 0 0 1 4.829 8.27v107.956l-25.375 10.298v-98.833a24.677 24.677 0 0 0-11.592-19.947L152.728 25.782 177.2 13.617l189.758 109.6zM140.314 34.171l187.803 108.474a11.41 11.41 0 0 1 4.822 8.263v97.165L140.268 136.831l.046-102.66zm-13.52 27.651v55.936l-22.651-35.32V48.749l22.651 13.073zm22.151 261.092 170.309 98.335 37.964 65.464-246.243-142.166 37.97-21.633zm258.901 158.684-25.375 12.684v-244.69l25.375-10.803v242.809z"
fill="#428dff"
/>
</svg>
More icons in the same style and category