Add icons to this collection by clicking the heart icon.
Mail icon - also known as interface, message, envelope, email, mail, ui, and communications. Created in a clean outline color style with a white, black, 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"
>
<pattern
id="b"
width="24.91"
height="24.92"
x="1232.5"
y="1895.975"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#fed480" d="M0-24.92h24.91V0H0z" />
</pattern>
<pattern
id="a"
width="24.91"
height="24.92"
x="1232.5"
y="1895.975"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#f59977" d="M0-24.92h24.91V0H0z" />
</pattern>
<pattern
id="c"
width="24.91"
height="24.92"
x="1232.5"
y="1895.975"
patternUnits="userSpaceOnUse"
viewBox="0 -24.92 24.91 24.92"
>
<path fill="none" d="M0-24.92h24.91V0H0z" />
<path fill="#021938" d="M0-24.92h24.91V0H0z" />
</pattern>
<linearGradient
id="d"
x1="256"
x2="256"
y1="511"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cadfef" />
<stop offset="1" stop-color="#eff4f9" />
</linearGradient>
<pattern
id="e"
patternTransform="translate(47775.356 51938.309) scale(5.604)"
href="#a"
/>
<pattern
id="f"
patternTransform="translate(47775.356 51938.309) scale(5.604)"
href="#a"
/>
<pattern
id="g"
patternTransform="translate(47775.356 51938.309) scale(5.604)"
href="#b"
/>
<pattern
id="h"
patternTransform="translate(47775.356 51938.309) scale(5.604)"
href="#a"
/>
<pattern
id="i"
patternTransform="translate(37251.402 40562.152) scale(4.576)"
href="#c"
/>
<pattern
id="j"
patternTransform="translate(37251.402 40562.152) scale(4.576)"
href="#c"
/>
<pattern
id="k"
patternTransform="translate(37251.402 40562.152) scale(4.576)"
href="#c"
/>
<pattern
id="l"
patternTransform="translate(37251.402 40562.152) scale(4.576)"
href="#c"
/>
<circle cx="256" cy="256" r="255" fill="url(#d)" />
<path
fill="url(#e)"
d="M298.776 118.494H213.31l36.092-33.625a9.742 9.742 0 0 1 13.282 0z"
/>
<path
fill="url(#f)"
d="M401.185 213.976v191.547c0 6.094-2.254 11.685-6.093 15.942-4.34 5.091-10.851 8.263-18.112 8.263H135.021c-7.261 0-13.771-3.172-18.111-8.263-3.756-4.257-6.093-9.848-6.093-15.942V213.976l26.04-24.288v52.582l79.623 79.624 19.864-19.865c10.85-10.85 28.461-10.85 39.311 0l19.864 19.865 79.624-79.624v-52.582z"
/>
<path
fill="url(#g)"
d="M395.092 421.465c-4.34 5.091-10.851 8.263-18.112 8.263H135.021c-7.261 0-13.771-3.172-18.111-8.263l119.435-119.436c10.85-10.85 28.461-10.85 39.311 0l19.864 19.865z"
/>
<path
fill="url(#h)"
d="M401.185 213.976v2.253L295.52 321.894l-19.864-19.865c-10.851-10.85-28.461-10.85-39.311 0l-19.864 19.865-105.664-105.665v-2.253"
/>
<path
fill="#fff"
d="M375.144 128.237V242.27l-79.624 79.624-19.864-19.865c-10.855-10.856-28.456-10.856-39.311 0l-19.864 19.865-79.623-79.624V128.237c0-5.381 4.362-9.743 9.743-9.743h218.801c5.38 0 9.742 4.362 9.742 9.743z"
/>
<path
fill="url(#i)"
d="M132.654 128.236v59.623c-2.53 2.362 9.167-8.557-24.747 23.104-.645.622-1.293 1.716-1.293 3.014v191.546c0 14.804 12.026 28.408 28.408 28.408h241.96c16.28 0 28.405-13.582 28.405-28.408V213.977c0-1.292-.672-2.414-1.293-3.014-.561-.541-25.297-23.664-24.745-23.103v-59.624c0-7.69-6.258-13.945-13.948-13.945H300.43l-34.882-32.496c-5.331-4.964-13.68-4.97-19.011 0l-34.882 32.496h-65.056c-7.689 0-13.945 6.256-13.945 13.945zM115.02 405.522V226.376l95.518 95.518-93.037 93.036c-1.581-2.897-2.481-6.11-2.481-9.408zm17.634-173.399-16.953-16.953 16.953-15.814zm2.367 193.401c-4.109 0-8.853-1.566-12.088-4.138l116.385-116.384c9.076-9.078 24.109-9.255 33.366 0l116.387 116.387c-3.322 2.569-7.866 4.135-12.09 4.135zM396.98 226.376v179.146c0 3.333-.889 6.538-2.468 9.42l-93.048-93.048 95.516-95.518zm-.681-11.206-16.95 16.95v-32.764zM252.267 87.946c2.118-1.981 5.432-1.976 7.55 0l28.279 26.344h-64.108zm-111.206 40.29a5.546 5.546 0 0 1 5.539-5.539h218.801a5.545 5.545 0 0 1 5.541 5.539v112.291l-75.421 75.423-16.893-16.893c-12.493-12.49-32.822-12.429-45.254 0l-16.893 16.893-75.421-75.421.001-112.293z"
/>
<path
fill="url(#j)"
d="M190.025 196.51H290.16a4.204 4.204 0 0 0 0-8.406H190.025a4.204 4.204 0 0 0 0 8.406z"
/>
<path
fill="url(#k)"
d="M190.025 228.762h131.95a4.204 4.204 0 0 0 0-8.406h-131.95a4.204 4.204 0 0 0 0 8.406z"
/>
<path
fill="url(#l)"
d="M190.025 261.015H290.16a4.204 4.204 0 0 0 0-8.406H190.025a4.204 4.204 0 0 0 0 8.406z"
/>
</svg>
More icons in the same style and category