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 512.004 512.004"
>
<g transform="translate(1 1)">
<path
d="m274.491 5.741-38.872 19.402-126.922 57.263-1.078.472-38.871 17.516v211.2l10.374 5.995 310.165 179.066 13.204 7.612 38.804-19.402v-211.2z"
fill="#d4e1f4"
/>
<linearGradient
id="a"
x1="-49.562"
x2="-49.062"
y1="651.445"
y2="650.472"
gradientTransform="matrix(333.7432 0 0 -297.0274 16693.02 193549.203)"
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="M402.491 293.067 235.619 322.17l-34.897-46.416-131.974-175.36 38.871-17.516 1.078-.472 126.922-57.263 32.539 52.345L395.35 281.682z"
fill="url(#a)"
/>
<path
d="m441.295 273.665-38.804 19.402-7.141-11.385L268.158 77.488l-32.539-52.345 38.872-19.402z"
fill="#d4e1f4"
/>
<path
d="M441.295 273.665v211.2l-38.804 19.402v-211.2z"
fill="#a4c2f7"
/>
<path
d="M88.958 319.004V113.867l38.872-17.516 1.078-.471L255.83 38.617l29.851-14.902-11.19-17.974-38.872 19.402-126.922 57.263-1.078.472-38.871 17.516v211.2l10.374 5.995 9.836 5.679z"
fill="#fff"
/>
</g>
<path
d="M76.512 102.394V313.587H63.038V102.394z"
transform="translate(0 -1)"
fill="#fff"
/>
<path
d="M69.775 163.028a6.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.54z"
transform="translate(0 -1)"
fill="#428dff"
/>
<path
d="M448.893 274.462a6.679 6.679 0 0 0-.829-2.27l-.037-.102L281.184 4.182a6.725 6.725 0 0 0-8.73-2.467l-38.806 19.4L67 96.261c-.207.094-.335.289-.53.401a6.458 6.458 0 0 0-.747.355 6.278 6.278 0 0 0-.574.646 6.356 6.356 0 0 0-.771.868 6.476 6.476 0 0 0-.803 1.563c-.12.205-.229.417-.326.634-.028.111.013.225-.009.336-.074.44-.103.886-.086 1.332h-.117v26.947a6.737 6.737 0 1 0 13.474 0v-6.789l154.726 205.64a6.697 6.697 0 0 0 2.167 1.798c.137.076.256.159.397.225a6.642 6.642 0 0 0 2.593.609c.078.003.146.053.225.053.388 0 .775-.033 1.158-.099l158.947-27.69v183.4l-79.961-103.486a6.736 6.736 0 0 0-10.658 8.237l71.192 92.138L90.134 317.564l72.643-10.139a6.737 6.737 0 0 0-1.868-13.342l-84.397 11.779V183.238a6.737 6.737 0 1 0-13.474 0V313.59h.108l.013.181c-.031.254-.046.51-.046.766.019.138.099.246.126.381a6.869 6.869 0 0 0 2.782 4.165c.146.1.232.252.388.342l333.684 192.678c.121.07.258.096.382.157.101.051.202.08.306.126.122.053.243.106.366.151.183.067.352.171.539.222.578.16 1.176.242 1.776.244l.025-.003.014.003c.053 0 .105-.025.158-.026a6.716 6.716 0 0 0 1.735-.283c.249-.086.493-.186.73-.301l.1-.041c.081-.036.171-.02.251-.059l38.849-19.421a6.742 6.742 0 0 0 3.724-6.026V275.649a6.551 6.551 0 0 0-.084-.655c-.02-.182-.038-.353-.071-.532zM272.994 16.511l159.684 256.421-3.475 1.738-23.269 11.636-159.69-256.427 26.75-13.368zm-38.981 19.217 156.618 251.526 1.813 2.902L239.52 316.8 80.217 105.07l153.796-69.342zm176.184 459.638V299.241l7.013-3.507 18.362-9.182v196.13l-25.375 12.684z"
transform="translate(0 -1)"
fill="#428dff"
/>
<path
d="M238.957 257.813c.187-.069.362-.135.541-.22.157-.074.323-.107.477-.194l34.526-19.665a6.739 6.739 0 1 0-6.671-11.711l-24.454 13.927V99.761a6.737 6.737 0 1 0-13.474 0v126.735l-21.954-37.86a6.739 6.739 0 0 0-11.658 6.764l34.52 59.526c.278.465.612.894.994 1.279.035.037.056.083.093.12.551.529 1.19.959 1.887 1.271.178.084.354.15.539.218a6.74 6.74 0 0 0 2.304.465l.012.003h.006a6.765 6.765 0 0 0 2.312-.469z"
transform="translate(0 -1)"
fill="#428dff"
/>
</svg>
More icons in the same style and category