Add icons to this collection by clicking the heart icon.
Mailing icon - also known as message, envelope, email, mail, multimedia, messages, ui, mailing, and envelopes. Created in a clean gradient 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="512"
height="512"
viewBox="0 0 32 32"
>
<linearGradient
id="a"
x1="8.885"
x2="23.115"
y1="5.677"
y2="30.323"
gradientTransform="matrix(1 0 0 -1 0 34)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".059" stop-color="#ffe029" />
<stop offset=".13" stop-color="#ffd218" />
<stop offset=".203" stop-color="#fec90f" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".668" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M23.729 27H8.271A6.278 6.278 0 0 1 2 20.729V11.27A6.278 6.278 0 0 1 8.271 5H23.73A6.278 6.278 0 0 1 30 11.271v9.459A6.278 6.278 0 0 1 23.729 27zM8.271 7A4.276 4.276 0 0 0 4 11.271v9.459A4.276 4.276 0 0 0 8.271 25H23.73A4.276 4.276 0 0 0 28 20.729V11.27A4.276 4.276 0 0 0 23.729 7H8.271z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="8.885"
x2="23.115"
y1="5.677"
y2="30.323"
gradientTransform="matrix(1 0 0 -1 0 34)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".059" stop-color="#ffe029" />
<stop offset=".13" stop-color="#ffd218" />
<stop offset=".203" stop-color="#fec90f" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".668" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M23.729 27H8.271A6.278 6.278 0 0 1 2 20.729V11.27A6.278 6.278 0 0 1 8.271 5H23.73A6.278 6.278 0 0 1 30 11.271v9.459A6.278 6.278 0 0 1 23.729 27zM8.271 7A4.276 4.276 0 0 0 4 11.271v9.459A4.276 4.276 0 0 0 8.271 25H23.73A4.276 4.276 0 0 0 28 20.729V11.27A4.276 4.276 0 0 0 23.729 7H8.271z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="8.885"
x2="23.115"
y1="5.677"
y2="30.323"
gradientTransform="matrix(1 0 0 -1 0 34)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".059" stop-color="#ffe029" />
<stop offset=".13" stop-color="#ffd218" />
<stop offset=".203" stop-color="#fec90f" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".668" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M23.729 27H8.271A6.278 6.278 0 0 1 2 20.729V11.27A6.278 6.278 0 0 1 8.271 5H23.73A6.278 6.278 0 0 1 30 11.271v9.459A6.278 6.278 0 0 1 23.729 27zM8.271 7A4.276 4.276 0 0 0 4 11.271v9.459A4.276 4.276 0 0 0 8.271 25H23.73A4.276 4.276 0 0 0 28 20.729V11.27A4.276 4.276 0 0 0 23.729 7H8.271z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="7.153"
x2="21.383"
y1="6.677"
y2="31.323"
gradientTransform="matrix(1 0 0 -1 0 34)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".059" stop-color="#ffe029" />
<stop offset=".13" stop-color="#ffd218" />
<stop offset=".203" stop-color="#fec90f" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".668" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M16 19.872a5.295 5.295 0 0 1-3.771-1.563 1.005 1.005 0 0 1-.096-.111l-2.859-3.852A3.347 3.347 0 0 0 6.598 13a1 1 0 0 1 0-2c1.68 0 3.281.806 4.283 2.155l2.812 3.789c1.247 1.198 3.368 1.198 4.615 0l2.813-3.789A5.352 5.352 0 0 1 25.402 11a1 1 0 0 1 0 2c-1.05 0-2.051.503-2.676 1.347l-2.859 3.852a1.005 1.005 0 0 1-.096.111A5.298 5.298 0 0 1 16 19.872z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="7.153"
x2="21.383"
y1="6.677"
y2="31.323"
gradientTransform="matrix(1 0 0 -1 0 34)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".059" stop-color="#ffe029" />
<stop offset=".13" stop-color="#ffd218" />
<stop offset=".203" stop-color="#fec90f" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".668" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M16 19.872a5.295 5.295 0 0 1-3.771-1.563 1.005 1.005 0 0 1-.096-.111l-2.859-3.852A3.347 3.347 0 0 0 6.598 13a1 1 0 0 1 0-2c1.68 0 3.281.806 4.283 2.155l2.812 3.789c1.247 1.198 3.368 1.198 4.615 0l2.813-3.789A5.352 5.352 0 0 1 25.402 11a1 1 0 0 1 0 2c-1.05 0-2.051.503-2.676 1.347l-2.859 3.852a1.005 1.005 0 0 1-.096.111A5.298 5.298 0 0 1 16 19.872z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="7.153"
x2="21.383"
y1="6.677"
y2="31.323"
gradientTransform="matrix(1 0 0 -1 0 34)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".059" stop-color="#ffe029" />
<stop offset=".13" stop-color="#ffd218" />
<stop offset=".203" stop-color="#fec90f" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".668" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M16 19.872a5.295 5.295 0 0 1-3.771-1.563 1.005 1.005 0 0 1-.096-.111l-2.859-3.852A3.347 3.347 0 0 0 6.598 13a1 1 0 0 1 0-2c1.68 0 3.281.806 4.283 2.155l2.812 3.789c1.247 1.198 3.368 1.198 4.615 0l2.813-3.789A5.352 5.352 0 0 1 25.402 11a1 1 0 0 1 0 2c-1.05 0-2.051.503-2.676 1.347l-2.859 3.852a1.005 1.005 0 0 1-.096.111A5.298 5.298 0 0 1 16 19.872z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category