Add icons to this collection by clicking the heart icon.
Mail icon - also known as information, envelope, email, mail, contact, support, info, and communications. Created in a clean lineal color 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>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="f" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="g" clipPathUnits="userSpaceOnUse">
<path d="M55.6 436.496h400.8V49.41H55.6Z" />
</clipPath>
<clipPath id="h" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(491.0221 -491.0221) rotate(-45 1.347 .277)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdaec" />
<stop offset=".971" stop-opacity="1" stop-color="#dbfced" />
<stop offset="1" stop-opacity="1" stop-color="#dbfced" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(491.0221 -491.0221) rotate(-45 .58 -1.572)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdaec" />
<stop offset=".049" stop-opacity="1" stop-color="#ffdaec" />
<stop offset=".971" stop-opacity="1" stop-color="#d1ddff" />
<stop offset=".999" stop-opacity="1" stop-color="#d1ddff" />
<stop offset="1" stop-opacity="1" stop-color="#d1ddff" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(423.45848 -423.45848) rotate(-45 -.239 -.422)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdaec" />
<stop offset=".971" stop-opacity="1" stop-color="#dbfced" />
<stop offset="1" stop-opacity="1" stop-color="#dbfced" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="scale(351.67437 -351.67437) rotate(-45 -2.153 -1.387)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffdaec" />
<stop offset=".049" stop-opacity="1" stop-color="#ffdaec" />
<stop offset=".971" stop-opacity="1" stop-color="#d1ddff" />
<stop offset=".999" stop-opacity="1" stop-color="#d1ddff" />
<stop offset="1" stop-opacity="1" stop-color="#d1ddff" />
</linearGradient>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M10.254-403.506c64.26-171.2 196.69 134.227 250.62 29.321 62.131-120.858 273.961-136.354 249.109-22.621-4.977 22.774-42.903 59.67-57.22 78.076-26.986 34.694.806 86.332-11.074 128.65-74.291 264.644-513.882 6.227-431.435-213.426"
fill="url(#b)"
stroke="none"
/>
</g>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M542.254 128.494c64.26-171.201 196.69 134.227 250.62 29.321 62.131-120.858 273.961-136.354 249.109-22.621-4.977 22.774-42.903 59.67-57.22 78.076-26.986 34.694.806 86.332-11.074 128.65-74.291 264.644-513.882 6.227-431.435-213.426"
fill="url(#d)"
stroke="none"
/>
</g>
<path
d="M26.092 341.26c-38.714-97.13-23.563-194.262 102.844-165.654 52.977 11.989 84.323 59.709 99.881 29.652 30.936-59.768-52.634-128.44-19.683-182.572C218.73 6.922 232.501.025 248.91 0h.21c93.108.175 270.807 220.768 254.504 298.532-25.985 123.946-284.399 22.012-234.334 116.839 19.967 37.819 15.065 82.167-29.349 93.408A105.349 105.349 0 0 1 214.033 512c-78.282.004-153.915-85.368-187.941-170.74"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#e)"
stroke="none"
/>
<g clip-path="url(#f)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#g)" opacity=".1">
<path
d="M0 0h-64.82v36.663h60.007c5.745 0 10.389 4.655 10.389 10.389V91.76c0 17.203-13.952 31.166-31.166 31.166l-252.16-.006c-17.21 0-31.17-13.95-31.17-31.17V0h-71.88c-5.52 0-10-4.48-10-10v-244.16c0-5.52 4.48-10 10-10H0c5.52 0 10 4.48 10 10V-10C10-4.48 5.52 0 0 0"
transform="translate(446.4 313.57)"
fill="#2626bb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0v-227.53l-17.471-5h-365.786l-17.543 5V0Z"
transform="translate(456.4 327.57)"
fill="#d1ddff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24.99l-168.08-125.92a30.18 30.18 0 0 0-17.98-5.99h-.01c-5.79 0-11.42 1.66-16.28 4.8L-400.8-23.82V0c0 5.52 4.48 10 10 10H-10C-4.48 10 0 5.52 0 0"
transform="translate(456.4 327.57)"
fill="#b6c4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 81.88-52.928 244.102-3.124L400.8 0c0 5.523-4.477 10-10 10H10C4.477 10 0 5.523 0 0"
transform="translate(55.6 327.569)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-16.628c0-5.522 4.477-10 10-10l23.04 5 17.079-5h40.079l23 5 17.079-5h40.079l23 5 17.079-5h40.079l23 5 17.079-5h40.079l23 5 17.079-5h20.039c5.523 0 10 4.478 10 10V0h-10.039l-23-5-17.079 5h-40.079l-23-5-17.079 5h-40.079l-23-5-17.079 5h-40.079l-23-5-17.079 5H70.119l-23-5L30.04 0z"
transform="translate(55.605 100.04)"
fill="#ffdaec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h40.079l-20-26.628H-20Z"
transform="translate(406.277 100.04)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h40.079l-20-26.628H-20Z"
transform="translate(326.118 100.04)"
fill="#ff7eb7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h40.079l-20-26.628H-20Z"
transform="translate(245.96 100.04)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h40.079l-20-26.628H-20Z"
transform="translate(165.802 100.04)"
fill="#ff7eb7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h40.079l-20-26.628H-20Z"
transform="translate(85.644 100.04)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-244.16c0-5.52-4.48-10-10-10h-380.8c-5.52 0-10 4.48-10 10V0c0 5.52 4.48 10 10 10H-10C-4.48 10 0 5.52 0 0Z"
transform="translate(456.4 327.569)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-44.707c0-5.735-4.644-10.389-10.389-10.389h-60.007l-5 10v74.262l36.16 2h8.07C-13.952 31.166 0 17.204 0 0"
transform="translate(451.976 429.33)"
fill="#01eba4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-24C0-6.79-13.95 7.17-31.16 7.17h-8.07C-56.44 7.17-70.39-6.79-70.39-24v-31.09H-233.7c-5.74 0-10.39 4.65-10.39 10.39V0c0 17.22-13.95 31.17-31.17 31.17h244.1C-13.95 31.17 0 17.21 0 0"
transform="translate(451.972 429.325)"
fill="#00d78f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h31.316c5.745 0 10.388 4.654 10.388 10.389v44.707c0 17.204-13.951 31.166-31.166 31.166h-244.093"
transform="translate(410.271 374.233)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-17.21 0-31.16-13.95-31.16-31.17v-157.8l-105.25-78.85a9.997 9.997 0 0 0-11.42-.4l-127.43 82.37v154.68C-275.26-13.95-261.3 0-244.09 0z"
transform="translate(412.74 460.49)"
fill="#02ffb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v155.8c0 17.22 13.95 31.17 31.16 31.17h-244.09c-17.21 0-31.17-13.95-31.17-31.17V29.564"
transform="translate(381.58 273.52)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a5.074 5.074 0 0 1-6.795-1.362C-12.096-8.78-23.692-23.38-26.872-14.074c-4.777 13.98 33.896 82.334.309 93.322-21.678 7.091-37.123-13.481-42.875-22.887a5.08 5.08 0 0 1 1.666-6.977 5.073 5.073 0 0 1 6.794 1.362c5.302 7.418 16.898 22.017 20.078 12.712 4.777-13.98-33.897-82.334-.31-93.322C-19.531-36.956-4.087-16.383 1.665-6.978A5.08 5.08 0 0 1 0 0Z"
transform="translate(300.147 279.365)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-7.508-6.086-13.594-13.594-13.594-7.508 0-13.594 6.086-13.594 13.594 0 7.508 6.086 13.594 13.594 13.594C-6.086 13.594 0 7.508 0 0"
transform="translate(279.855 381.525)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-91.748a6 6 0 0 0-6 6v58.343a6 6 0 0 0 6 6H0a6 6 0 0 0 6-6V6a6 6 0 0 0-6-6"
transform="translate(428.36 124.476)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.031-8.942-19.973-19.973-19.973-11.031 0-19.973 8.942-19.973 19.973 0 11.031 8.942 19.973 19.973 19.973C-8.942 19.973 0 11.031 0 0"
transform="translate(402.459 193.489)"
fill="#9eaffd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10.583a5 5 0 0 0 0 10H0A5 5 0 0 0 0 0"
transform="translate(387.777 154.694)"
fill="#ff5ba7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.583a5 5 0 0 0 0 10H0A5 5 0 0 0 0 0"
transform="translate(399.777 136.312)"
fill="#9eaffd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 209.308-135.299a10.001 10.001 0 0 1 11.424.395L400.8 0"
transform="translate(55.6 327.569)"
fill="none"
stroke="#2626bb"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a6.621 6.621 0 0 0 6.613-6.613A6.621 6.621 0 0 0 0-13.227a6.621 6.621 0 0 0-6.613 6.614A6.621 6.621 0 0 0 0 0m16.613-6.613C16.613 2.547 9.161 10 0 10S-16.613 2.547-16.613-6.613c0-4.518 1.818-8.616 4.754-11.614-2.936-2.997-4.754-7.095-4.754-11.612a5 5 0 1 1 10 0A6.62 6.62 0 0 0 0-23.227a6.62 6.62 0 0 0 6.613-6.612 5 5 0 1 1 10 0c0 4.517-1.818 8.615-4.754 11.612 2.936 2.998 4.754 7.096 4.754 11.614"
transform="translate(337.658 425.03)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 6.212-8.389a3 3 0 0 1 4.822 0L17.246 0c1.466 1.98.053 4.785-2.411 4.785H2.411C-.053 4.785-1.466 1.98 0 0"
transform="translate(336.43 375.608)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 1 10.001.001A5 5 0 0 1 0 0"
transform="translate(165.218 430.03)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 1 10.001.001A5 5 0 0 1 0 0"
transform="translate(181.435 430.03)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 1 1 10.001.001A5 5 0 0 1 0 0"
transform="translate(197.653 430.03)"
fill="#6582fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a1.805 1.805 0 0 1-1.803-1.802v-16.457c0-.994.809-1.803 1.803-1.803h5.332c.993 0 1.802.809 1.802 1.803v16.457C7.134-.809 6.325 0 5.332 0Zm5.332-30.062H0c-6.508 0-11.803 5.295-11.803 11.803v16.457C-11.803 4.706-6.508 10 0 10h5.332c6.508 0 11.802-5.294 11.802-11.802v-16.457c0-6.508-5.294-11.803-11.802-11.803"
transform="translate(96.718 154.571)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-5 5v25.062h-.444a5 5 0 1 0 0 10H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(130.867 124.51)"
fill="#8298fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(77.798 439.417)"
fill="none"
stroke="#01eba4"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(474.22 483.125)"
fill="none"
stroke="#8298fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.799-4.701-10.5-10.5-10.5C-4.701-10.5 0-15.201 0-21c0 5.799 4.701 10.5 10.5 10.5C4.701-10.5 0-5.799 0 0Z"
transform="translate(421.257 51.78)"
fill="none"
stroke="#ff7eb7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10.5 10.5L0 21l10.5-10.5Z"
transform="translate(374.176 30.78)"
fill="none"
stroke="#8298fd"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10.5 10.5L0 21l10.5-10.5Z"
transform="translate(99.384 371.025)"
fill="none"
stroke="#ff7eb7"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M429.37 777.514c-25.329 6.722-59.22-13.958-76.632 5.626-51.927 58.406-7.199 170.482-67.087 230.134C167.425 1131.034-72.42 874.102 115.63 849.069c75.714-10.079 51.181-117.627 59.094-175.843 12.643-93.003 153.778-214.346 177.95-84.67 8.085 43.373 12.629 64.284 57.978 72.098 55.957 9.642 81.286 100.254 18.718 116.86"
fill="url(#i)"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category