Add icons to this collection by clicking the heart icon.
Mail icon - also known as computer, message, envelope, email, mail, note, letter, and megaphone. Created in a clean color style with a white, gray, navy, and orange 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.765 511.765"
>
<path
d="M280.63 351.213h-49.711L6.03 232.31l10.463-19.37 82.432-51.613 259.85-45.975 128.879 90.341 17.866 26.617z"
fill="#f6bb42"
/>
<path
d="M280.63 335.22h-49.711L12.753 219.871 6.03 232.31l224.889 118.903h49.711L505.52 232.31l-7.926-11.803z"
opacity=".2"
/>
<path
d="m7.006 495.327 224.655-119.5h48.228l224.655 119.5-20.764 12.44H27.988z"
fill="#f6bb42"
/>
<path
d="M231.661 375.827 7.006 495.327l-3.007-11.549V246.05l2.031-13.74 224.889 118.903z"
fill="#ffce54"
/>
<g opacity=".5">
<path
d="M19.992 483.778V246.05l.875-5.896L6.03 232.31 4 246.05v237.728l3.007 11.55 20.982 12.439h15.992s-15.648-8.457-20.982-12.439c-3.585-2.672-3.007-11.55-3.007-11.55z"
fill="#fff"
/>
</g>
<path
d="m279.889 375.827 224.655 119.5 3.006-11.549V246.05l-2.03-13.74-224.89 118.903z"
fill="#ffce54"
/>
<path
d="M491.777 483.778V246.05l-.875-5.896 14.837-7.844 2.03 13.74v237.728l-3.006 11.55-20.983 12.439h-15.992s15.648-8.457 20.982-12.439c3.584-2.672 3.007-11.55 3.007-11.55z"
opacity=".2"
/>
<path
d="m231.005 220.413-70.921 11.038-4.451-23.825 71.14-12.241z"
fill="#656d78"
/>
<path
d="m226.773 195.385-7.771 1.336 4.007 23.692-63.151 9.828.226 1.21 70.921-11.038z"
opacity=".2"
/>
<g opacity=".2">
<path
d="m163.629 207.626 63.37-10.905-.226-1.336-71.14 12.241 4.451 23.825 7.77-1.21z"
fill="#fff"
/>
</g>
<path
d="m125.858 204.581-19.992-4.158-13.915-78.761 36.624-22.631 19.429 110.188z"
fill="#ed5565"
/>
<g opacity=".3">
<path
d="m133.854 204.581-19.991-4.158-13.916-78.761 29.416-18.176-.788-4.455-36.624 22.631 13.915 78.761 19.992 4.158 22.146 4.638-.305-1.737z"
fill="#fff"
/>
</g>
<path
d="M354.714 92.316 340.72 12.829l-15.758 2.799c8.402 47.259-117.626 69.488-117.626 69.488l-70.843 12.557-7.918 1.358 19.428 110.188 78.769-13.834s128.737-6.478 134.337 25.028l15.75-2.795-22.145-125.302z"
fill="#f5f7fa"
/>
<path
d="m376.86 217.618-15.75 2.795-36.148-204.785 15.758-2.799z"
fill="#ed5565"
/>
<path
d="m340.72 12.829-7.754 1.378 35.897 203.411-7.996 1.421.243 1.374 15.75-2.795z"
opacity=".2"
/>
<path
d="m255.478 312.052-39.341 6.957-40.646-90.217 39.006-6.731z"
fill="#ed5565"
/>
<path
d="m214.497 222.061-7.411 1.28 40.396 88.711-31.939 5.645.594 1.312 39.341-6.957z"
opacity=".2"
/>
<g opacity=".3">
<path
d="m183.488 228.792 31.594-5.451-.585-1.28-39.006 6.731 40.646 90.217 7.402-1.312z"
fill="#fff"
/>
</g>
<path
d="m226.773 195.385-78.769 13.834-19.429-110.188 78.761-13.915z"
fill="#e6e9ed"
/>
<path
d="M283.871 363.832c0 15.454-12.525 27.987-27.979 27.987-15.462 0-27.995-12.533-27.995-27.987s12.533-27.987 27.995-27.987c15.454 0 27.979 12.533 27.979 27.987z"
fill="#ed5565"
/>
<path
d="M267.878 363.832c0 6.622-5.364 11.995-11.994 11.995s-11.994-5.373-11.994-11.995 5.364-11.994 11.994-11.994 11.994 5.372 11.994 11.994z"
fill="#ed5565"
/>
<path
d="M256.126 367.83c-2.21 0-4.037-1.788-4.037-3.998s1.749-3.998 3.951-3.998h.086a4 4 0 0 1 3.998 3.998 4 4 0 0 1-3.998 3.998z"
fill="#3a3847"
/>
<path
d="M483.78 511.765H27.988c-15.431 0-27.987-12.557-27.987-27.987V243.887c0-14.72 9.87-32.2 22.482-39.798l51.421-31.017c1.867-1.125 4.342-.539 5.482 1.359a3.994 3.994 0 0 1-1.359 5.49l-51.422 31.017c-10.089 6.079-18.609 21.17-18.609 32.95v239.891c0 11.019 8.965 19.991 19.991 19.991h455.791c11.026 0 19.991-8.973 19.991-19.991V243.887c0-11.78-8.52-26.871-18.602-32.95a3.996 3.996 0 0 1-1.358-5.49c1.148-1.902 3.64-2.483 5.482-1.359 12.393 7.473 22.474 25.324 22.474 39.798v239.891c.002 15.431-12.555 27.988-27.985 27.988z"
fill="#3a3847"
/>
<path
d="M483.78 487.776a3.962 3.962 0 0 1-1.874-.469l-183.947-97.572a3.988 3.988 0 0 1-1.655-5.403 4.006 4.006 0 0 1 5.403-1.664l183.947 97.572a4 4 0 0 1-1.874 7.536zM211.905 345.435a3.963 3.963 0 0 1-1.875-.469L26.114 247.421c-1.952-1.035-2.694-3.456-1.656-5.408s3.452-2.694 5.404-1.659l183.916 97.545a4 4 0 0 1 1.655 5.412 3.997 3.997 0 0 1-3.528 2.124zM27.988 487.776a4 4 0 0 1-1.874-7.536l183.923-97.557a3.992 3.992 0 0 1 5.404 1.664 3.988 3.988 0 0 1-1.655 5.403L29.863 487.307a3.975 3.975 0 0 1-1.875.469zM299.864 345.443a4.001 4.001 0 0 1-1.875-7.536l183.916-97.553a3.994 3.994 0 0 1 5.404 1.659 3.995 3.995 0 0 1-1.656 5.408l-183.916 97.553c-.6.32-1.241.469-1.873.469zM255.884 395.818c-17.641 0-31.985-14.353-31.985-31.985 0-17.64 14.345-31.985 31.985-31.985s31.985 14.346 31.985 31.985c0 23.606-17.226 31.985-31.985 31.985zm0-55.975c-13.229 0-23.989 10.762-23.989 23.989 0 13.229 10.761 23.989 23.989 23.989 5.631 0 23.989-1.733 23.989-23.989 0-13.227-10.76-23.989-23.989-23.989z"
fill="#3a3847"
/>
<path
d="M255.884 379.825c-8.816 0-15.993-7.177-15.993-15.993 0-8.824 7.176-15.992 15.993-15.992s15.992 7.168 15.992 15.992c0 12.619-10.05 15.993-15.992 15.993zm0-23.989a8.001 8.001 0 0 0-7.996 7.996c0 4.404 3.584 7.997 7.996 7.997 2.983 0 7.996-1.039 7.996-7.997a8.001 8.001 0 0 0-7.996-7.996zM255.884 343.841a3.995 3.995 0 0 1-3.998-3.998v-3.998c0-2.21 1.788-3.998 3.998-3.998s3.998 1.788 3.998 3.998v3.998a3.995 3.995 0 0 1-3.998 3.998zM255.884 395.818a3.995 3.995 0 0 1-3.998-3.998v-3.998c0-2.21 1.788-3.998 3.998-3.998s3.998 1.788 3.998 3.998v3.998a3.996 3.996 0 0 1-3.998 3.998zM243.89 347.059a3.993 3.993 0 0 1-3.468-2.007l-1.999-3.467a4 4 0 0 1 1.468-5.459 3.994 3.994 0 0 1 5.466 1.469l1.999 3.467a3.997 3.997 0 0 1-1.468 5.458 3.962 3.962 0 0 1-1.998.539zM269.878 392.07a3.995 3.995 0 0 1-3.468-2.007l-1.999-3.468a3.998 3.998 0 0 1 1.468-5.458c1.905-1.108 4.357-.453 5.467 1.468l1.999 3.468a3.996 3.996 0 0 1-1.469 5.458 3.962 3.962 0 0 1-1.998.539zM235.113 355.836a3.97 3.97 0 0 1-2.007-.539l-3.452-1.999a4.003 4.003 0 0 1-1.452-5.466 3.991 3.991 0 0 1 5.466-1.453l3.452 1.999a3.994 3.994 0 0 1 1.452 5.459 4.001 4.001 0 0 1-3.459 1.999zM280.123 381.824a3.97 3.97 0 0 1-2.007-.539l-3.452-1.999a4.003 4.003 0 0 1-1.452-5.467 3.992 3.992 0 0 1 5.466-1.452l3.452 1.999a3.995 3.995 0 0 1 1.452 5.459 3.998 3.998 0 0 1-3.459 1.999zM231.91 367.83h-3.998c-2.21 0-3.998-1.788-3.998-3.998s1.788-3.998 3.998-3.998h3.998c2.21 0 3.999 1.788 3.999 3.998s-1.789 3.998-3.999 3.998zM283.887 367.83h-3.998c-2.21 0-3.998-1.788-3.998-3.998s1.788-3.998 3.998-3.998h3.998c2.21 0 3.998 1.788 3.998 3.998s-1.788 3.998-3.998 3.998zM231.661 381.817a4 4 0 0 1-1.991-7.466l3.468-1.991c1.89-1.101 4.35-.452 5.458 1.476a4 4 0 0 1-1.476 5.459l-3.467 1.991a3.993 3.993 0 0 1-1.992.531zM276.671 355.836a3.995 3.995 0 0 1-3.467-2.007 3.999 3.999 0 0 1 1.468-5.459l3.468-1.999a3.995 3.995 0 0 1 5.466 1.469 3.997 3.997 0 0 1-1.468 5.458l-3.468 1.999a3.963 3.963 0 0 1-1.999.539zM241.906 392.054a3.973 3.973 0 0 1-2.007-.539 4.004 4.004 0 0 1-1.453-5.466l1.999-3.452a3.993 3.993 0 0 1 5.467-1.452 3.994 3.994 0 0 1 1.452 5.458l-1.999 3.452a4.001 4.001 0 0 1-3.459 1.999zM267.894 347.043a3.968 3.968 0 0 1-1.999-.539 3.989 3.989 0 0 1-1.46-5.458l1.999-3.459a3.998 3.998 0 0 1 5.458-1.469 4 4 0 0 1 1.461 5.467l-1.999 3.459a4 4 0 0 1-3.46 1.999zM356.908 200.875a4 4 0 0 1-3.929-3.303L325.212 40.074a3.998 3.998 0 0 1 3.24-4.631c2.108-.387 4.24 1.062 4.631 3.241l27.769 157.498a3.997 3.997 0 0 1-3.944 4.693zM361.078 224.497a4 4 0 0 1-3.929-3.303c-3.6-20.413-81.79-24.165-130.206-21.729-2.342.141-4.084-1.593-4.193-3.795a3.995 3.995 0 0 1 3.788-4.193c13.533-.684 132.479-5.669 138.483 28.327a3.996 3.996 0 0 1-3.943 4.693z"
fill="#3a3847"
/>
<path
d="M207.305 89.215a3.998 3.998 0 0 1-.688-7.934c33.945-5.993 120.679-29.323 114.425-64.83a3.998 3.998 0 0 1 3.24-4.631c2.124-.391 4.248 1.062 4.631 3.241 8.918 50.602-115.604 73.157-120.906 74.091a3.787 3.787 0 0 1-.702.063z"
fill="#3a3847"
/>
<path
d="M324.97 19.755a3.998 3.998 0 0 1-.688-7.934l15.742-2.78c2.125-.382 4.24 1.058 4.631 3.241a3.998 3.998 0 0 1-3.24 4.631l-15.743 2.78a3.865 3.865 0 0 1-.702.062z"
fill="#3a3847"
/>
<path
d="M376.821 221.725a4 4 0 0 1-3.928-3.304L336.784 13.672a3.997 3.997 0 0 1 3.24-4.63c2.125-.382 4.24 1.058 4.631 3.241l36.109 204.75a4 4 0 0 1-3.943 4.692z"
fill="#3a3847"
/>
<path
d="M361.078 224.497a4 4 0 0 1-3.929-3.303 4 4 0 0 1 3.241-4.631l15.743-2.772c2.116-.406 4.24 1.058 4.631 3.241a4 4 0 0 1-3.241 4.631l-15.743 2.772a3.873 3.873 0 0 1-.702.062zM147.996 213.354a3.984 3.984 0 0 1-3.935-3.304L124.632 99.804a4 4 0 0 1 3.241-4.631l78.745-13.892c2.116-.39 4.24 1.062 4.631 3.241a3.999 3.999 0 0 1-3.241 4.631l-74.81 13.201 18.039 102.371 74.81-13.189c2.116-.391 4.24 1.062 4.631 3.241a3.997 3.997 0 0 1-3.241 4.63l-78.745 13.885a3.816 3.816 0 0 1-.696.062z"
fill="#3a3847"
/>
<path
d="M147.996 213.354a3.88 3.88 0 0 1-.82-.086l-42.152-8.809a3.985 3.985 0 0 1-3.116-3.217l-13.884-78.745a3.984 3.984 0 0 1 1.827-4.092l36.608-22.692a4.032 4.032 0 0 1 3.74-.254 3.998 3.998 0 0 1 2.304 2.956l19.429 110.247a3.981 3.981 0 0 1-1.156 3.564 3.981 3.981 0 0 1-2.78 1.128zm-38.685-16.169 33.727 7.048-17.383-98.615-29.291 18.156 12.947 73.411zM223.969 183.719a4 4 0 0 1-3.928-3.303l-13.885-78.753a4 4 0 0 1 3.241-4.631c2.14-.398 4.248 1.062 4.631 3.241l13.884 78.753a3.998 3.998 0 0 1-3.943 4.693z"
fill="#3a3847"
/>
<path
d="M110.489 138.771a3.997 3.997 0 0 1-.687-7.934l7.872-1.39c2.124-.41 4.24 1.058 4.631 3.241a3.998 3.998 0 0 1-3.241 4.63l-7.871 1.391a3.895 3.895 0 0 1-.704.062zM118.814 186.023a3.999 3.999 0 0 1-.687-7.934l7.872-1.39c2.116-.406 4.24 1.058 4.631 3.241a3.998 3.998 0 0 1-3.241 4.63l-7.871 1.39c-.236.043-.47.063-.704.063zM114.644 162.393a3.999 3.999 0 0 1-.687-7.934l7.887-1.39c2.108-.406 4.24 1.058 4.631 3.241a3.998 3.998 0 0 1-3.241 4.63l-7.887 1.391a3.976 3.976 0 0 1-.703.062zM135.743 97.782a3.999 3.999 0 0 1-.687-7.934l15.742-2.78c2.108-.383 4.24 1.062 4.631 3.241a3.998 3.998 0 0 1-3.24 4.63l-15.743 2.78a3.877 3.877 0 0 1-.703.063zM255.478 316.05a3.996 3.996 0 0 1-3.639-2.343l-33.891-74.428a3.994 3.994 0 0 1 1.983-5.294 4 4 0 0 1 5.294 1.983l33.89 74.427a3.996 3.996 0 0 1-1.982 5.295 3.89 3.89 0 0 1-1.655.36zM215.543 321.695a3.995 3.995 0 0 1-3.639-2.343l-33.251-73.139a4 4 0 0 1 1.983-5.294 4.007 4.007 0 0 1 5.295 1.983l33.25 73.139a3.998 3.998 0 0 1-1.983 5.294c-.538.251-1.1.36-1.655.36zM160.03 235.586a3.999 3.999 0 0 1-3.928-3.303l-1.562-8.863a4 4 0 0 1 3.241-4.631c2.132-.395 4.248 1.062 4.631 3.241l1.562 8.863a3.997 3.997 0 0 1-3.944 4.693z"
fill="#3a3847"
/>
<path
d="M160.03 235.586a4.008 4.008 0 0 1-3.936-3.318 3.998 3.998 0 0 1 3.264-4.619l70.921-12.252c2.108-.363 4.24 1.077 4.623 3.26a4 4 0 0 1-3.264 4.619l-70.92 12.252a4.222 4.222 0 0 1-.688.058z"
fill="#3a3847"
/>
<path
d="M230.95 223.334a3.998 3.998 0 0 1-3.928-3.303l-1.39-7.872a3.998 3.998 0 0 1 3.241-4.63c2.132-.394 4.248 1.062 4.63 3.241l1.39 7.871a3.999 3.999 0 0 1-3.943 4.693zM406.027 111.018a3.998 3.998 0 0 1-.688-7.934l86.617-15.274c2.123-.378 4.24 1.058 4.63 3.241a3.998 3.998 0 0 1-3.24 4.631l-86.617 15.274a3.873 3.873 0 0 1-.702.062zM386.293 80.048a3.997 3.997 0 0 1-3.273-6.29l50.446-72.053c1.265-1.819 3.756-2.241 5.567-.984a3.997 3.997 0 0 1 .977 5.568l-50.446 72.053a3.974 3.974 0 0 1-3.271 1.706zM470.13 197.33a4 4 0 0 1-2.296-.722l-72.046-50.454a3.995 3.995 0 0 1-.976-5.567c1.265-1.819 3.756-2.245 5.567-.984l72.045 50.454a3.994 3.994 0 0 1 .977 5.567 3.976 3.976 0 0 1-3.271 1.706zM299.864 479.779h-87.96c-2.21 0-3.999-1.788-3.999-3.998s1.789-3.999 3.999-3.999h87.96c2.209 0 3.998 1.789 3.998 3.999s-1.789 3.998-3.998 3.998zM331.849 463.786h-151.93c-2.21 0-3.999-1.788-3.999-3.998s1.789-3.998 3.999-3.998h151.93c2.211 0 3.998 1.788 3.998 3.998s-1.787 3.998-3.998 3.998z"
fill="#3a3847"
/>
</svg>
More icons in the same style and category