Add icons to this collection by clicking the heart icon.
Letter icon - also known as envelope, mail, letter, post, and communications. Created in a clean color style with a 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fd0" />
<stop offset="1" stop-color="#ffb000" />
</linearGradient>
<linearGradient
id="e"
x1="216.059"
x2="216.059"
y1="50.988"
y2="278.536"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fea613" stop-opacity="0" />
<stop offset="1" stop-color="#e94444" />
</linearGradient>
<linearGradient
id="f"
x1="95.477"
x2="182.81"
y1="152.809"
y2="89.181"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="128.325"
x2="188.21"
y1="147.95"
y2="234.035"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="340.302"
x2="296.219"
y1="176.103"
y2="65.482"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="217.51"
x2="269.91"
y1="13.825"
y2="123.614"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="216.059"
x2="216.059"
y1="243.909"
y2="297.147"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="260.457"
x2="342.457"
y1="258.957"
y2="524.957"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf6ff" />
<stop offset="1" stop-color="#b3dafe" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#7bacdf" stop-opacity="0" />
<stop offset="1" stop-color="#0681af" />
</linearGradient>
<linearGradient
id="l"
x1="293.941"
x2="293.941"
y1="466"
y2="528"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="503.784"
x2="385.859"
y1="384.217"
y2="266.292"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="396.027"
x2="477.178"
y1="276.46"
y2="357.611"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d9b1ee" />
<stop offset="1" stop-color="#814aa0" />
</linearGradient>
<linearGradient
id="o"
x1="416.615"
x2="462.204"
y1="297.048"
y2="342.637"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fe93bb" />
<stop offset="1" stop-color="#fd3581" />
</linearGradient>
<linearGradient id="d">
<stop offset="0" stop-color="#5a5a5a" />
<stop offset="1" stop-color="#444" />
</linearGradient>
<linearGradient
id="p"
x1="357.612"
x2="357.612"
y1="274.969"
y2="299.006"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="357.612"
x2="357.612"
y1="308.476"
y2="332.513"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<path
fill="url(#e)"
d="M406.645 284.853H25.473C11.405 284.853 0 273.448 0 259.38V25.473C0 11.405 11.405 0 25.473 0h381.172c14.068 0 25.473 11.405 25.473 25.473V259.38c.001 14.068-11.404 25.473-25.473 25.473z"
/>
<path
fill="url(#f)"
d="m15.508 2.026 186.77 160.491v122.336H25.473C11.405 284.853 0 273.448 0 259.38V25.473C0 14.942 6.392 5.905 15.508 2.026z"
/>
<path
fill="url(#g)"
d="M427.435 274.068 237.12 104.641c-12.006-10.689-30.115-10.689-42.121 0L4.684 274.068c4.614 6.518 12.197 10.785 20.789 10.785h381.172c8.593 0 16.176-4.267 20.79-10.785z"
/>
<path
fill="url(#h)"
d="m416.611 2.026-186.77 160.491v122.336h176.805c14.068 0 25.473-11.405 25.473-25.473V25.473c0-10.531-6.393-19.568-15.508-23.447z"
/>
<path
fill="url(#i)"
d="M427.435 10.785 237.12 180.213c-12.006 10.689-30.115 10.689-42.121 0L4.684 10.785C9.297 4.268 16.88 0 25.473 0h381.172c8.593 0 16.176 4.268 20.79 10.785z"
/>
<path
fill="url(#j)"
d="M0 187.598v71.782c0 14.068 11.405 25.473 25.473 25.473h381.172c14.068 0 25.473-11.405 25.473-25.473v-71.782z"
/>
<path
fill="url(#k)"
d="M484.527 510H103.355c-14.068 0-25.473-11.405-25.473-25.473V250.62c0-14.068 11.405-25.473 25.473-25.473h381.172c14.068 0 25.473 11.405 25.473 25.473v233.907C510 498.595 498.595 510 484.527 510z"
/>
<g fill="#8ac9fe">
<path
d="M307.021 414.639H204.984a6.607 6.607 0 1 0 0 13.214h102.037a6.607 6.607 0 1 0 0-13.214zM125.098 427.853h29.953a6.607 6.607 0 1 0 0-13.214h-29.953a6.607 6.607 0 1 0 0 13.214zM171.349 421.246a6.607 6.607 0 0 0 6.607 6.607h7.488a6.607 6.607 0 1 0 0-13.214h-7.488a6.608 6.608 0 0 0-6.607 6.607zM227.135 445.767H125.098a6.607 6.607 0 1 0 0 13.214h102.037a6.607 6.607 0 1 0 0-13.214zM307.021 445.767h-29.953a6.607 6.607 0 1 0 0 13.214h29.953a6.607 6.607 0 1 0 0-13.214zM254.162 445.767h-7.488a6.607 6.607 0 1 0 0 13.214h7.488a6.607 6.607 0 1 0 0-13.214z"
/>
</g>
<path
fill="url(#l)"
d="M77.881 379.37v105.157c0 14.068 11.405 25.473 25.473 25.473h381.172C498.595 510 510 498.595 510 484.527V379.37z"
/>
<path
fill="url(#m)"
d="m484.7 270.528-94.605 94.605 119.893 119.893c.003-.167.013-.331.013-.499V295.828z"
/>
<path
fill="url(#n)"
d="M484.7 301.054a6.03 6.03 0 0 0 0-8.528l-2.472-2.472a6.03 6.03 0 0 1 0-8.528l2.472-2.472a6.03 6.03 0 0 0 0-8.528l-20.08-20.08a6.03 6.03 0 0 0-8.528 0l-2.472 2.472a6.03 6.03 0 0 1-8.528 0l-2.472-2.472a6.03 6.03 0 0 0-8.528 0l-2.472 2.472a6.03 6.03 0 0 1-8.528 0l-2.472-2.472a6.03 6.03 0 0 0-8.528 0l-2.472 2.472a6.03 6.03 0 0 1-8.528 0l-2.472-2.472a6.03 6.03 0 0 0-8.528 0l-20.08 20.08a6.03 6.03 0 0 0 0 8.528l2.472 2.472a6.03 6.03 0 0 1 0 8.528l-2.472 2.472a6.03 6.03 0 0 0 0 8.528l2.472 2.472a6.03 6.03 0 0 1 0 8.528l-2.472 2.472a6.03 6.03 0 0 0 0 8.528l2.472 2.472a6.03 6.03 0 0 1 0 8.528l-2.472 2.472a6.03 6.03 0 0 0 0 8.528l20.08 20.08a6.03 6.03 0 0 0 8.528 0l2.472-2.472a6.03 6.03 0 0 1 8.528 0l2.472 2.472a6.03 6.03 0 0 0 8.528 0l2.472-2.472a6.03 6.03 0 0 1 8.528 0l2.472 2.472a6.03 6.03 0 0 0 8.528 0l2.472-2.472a6.03 6.03 0 0 1 8.528 0l2.472 2.472a6.03 6.03 0 0 0 8.528 0l20.08-20.08a6.03 6.03 0 0 0 0-8.528l-2.472-2.472a6.03 6.03 0 0 1 0-8.528l2.472-2.472a6.03 6.03 0 0 0 0-8.528l-2.472-2.472a6.03 6.03 0 0 1 0-8.528z"
/>
<path
fill="url(#o)"
d="M455.378 346.052h-56.042c-5.656 0-10.241-4.585-10.241-10.241v-56.042c0-5.656 4.585-10.241 10.241-10.241h56.042c5.656 0 10.241 4.585 10.241 10.241v56.042c0 5.656-4.585 10.241-10.241 10.241z"
/>
<path
fill="url(#p)"
d="M335.862 310.408c-8.373 0-16.245-3.261-22.166-9.181l-9.775-9.775a7.5 7.5 0 0 1 10.607-10.607l9.775 9.775c6.373 6.375 16.744 6.375 23.117 0l9.775-9.775c5.921-5.92 13.793-9.181 22.166-9.181s16.245 3.261 22.166 9.181l9.775 9.775a7.5 7.5 0 0 1-10.607 10.607l-9.775-9.775c-6.373-6.375-16.744-6.375-23.117 0l-9.775 9.775c-5.921 5.921-13.793 9.181-22.166 9.181z"
/>
<path
fill="url(#q)"
d="M335.862 343.916c-8.373 0-16.245-3.261-22.166-9.181l-9.775-9.775a7.5 7.5 0 0 1 10.607-10.607l9.775 9.775c6.373 6.375 16.744 6.375 23.117 0l9.775-9.775c5.921-5.92 13.793-9.181 22.166-9.181s16.245 3.261 22.166 9.181l9.775 9.775a7.5 7.5 0 0 1-10.607 10.607l-9.775-9.775c-6.373-6.375-16.744-6.375-23.117 0l-9.775 9.775c-5.921 5.92-13.793 9.181-22.166 9.181z"
/>
</svg>
More icons in the same style and category