Add icons to this collection by clicking the heart icon.
Mailbox icon - also known as communication, message, mailbox, communications, and postal. Created in a clean 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="512"
height="512"
viewBox="0 0 510 510"
>
<linearGradient
id="f"
x1="218.646"
x2="265.56"
y1="411.129"
y2="411.129"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7e8595" />
<stop offset="1" stop-color="#555a66" />
</linearGradient>
<linearGradient
id="g"
x1="208.118"
x2="119.035"
y1="428.004"
y2="495.236"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#bec3d2" stop-opacity="0" />
<stop offset=".221" stop-color="#c5c9d7" stop-opacity=".221" />
<stop offset=".534" stop-color="#d7dae3" stop-opacity=".534" />
<stop offset=".901" stop-color="#f6f6f8" stop-opacity=".901" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="h"
x1="272.258"
x2="217.311"
y1="392.8"
y2="311.072"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#555a66" stop-opacity="0" />
<stop offset="1" stop-color="#555a66" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff7044" />
<stop offset=".255" stop-color="#ff6c42" />
<stop offset=".482" stop-color="#fe623a" />
<stop offset=".698" stop-color="#fc4f2e" />
<stop offset=".906" stop-color="#fa361d" />
<stop offset="1" stop-color="#f92814" />
</linearGradient>
<linearGradient
id="i"
x1="271.046"
x2="466.823"
y1="291.909"
y2="467.653"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#f92814" stop-opacity="0" />
<stop offset="1" stop-color="#c1272d" />
</linearGradient>
<linearGradient
id="j"
x1="256.103"
x2="451.605"
y1="308.571"
y2="484.068"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="136.311"
x2="261.037"
y1="137.432"
y2="259.188"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" />
<stop offset=".209" stop-color="#fe683f" />
<stop offset=".529" stop-color="#fd5331" />
<stop offset=".918" stop-color="#fa3019" />
<stop offset="1" stop-color="#f92814" />
</linearGradient>
<linearGradient
id="l"
x1="233.216"
x2="42.823"
y1="229.841"
y2="-49.163"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7044" stop-opacity="0" />
<stop offset="1" stop-color="#ffa425" />
</linearGradient>
<linearGradient
id="m"
x1="331.504"
x2="331.504"
y1="108.44"
y2="329.241"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="423.038"
x2="212.23"
y1="210.238"
y2="210.238"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="65.94"
x2="156.942"
y1="31.331"
y2="68.672"
gradientTransform="matrix(-1 0 0 1 214.105 0)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#18cffc" />
<stop offset="1" stop-color="#4a98f7" />
</linearGradient>
<linearGradient
id="p"
x1="136.208"
x2="117.452"
y1="51.752"
y2="8.614"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#18cffc" stop-opacity="0" />
<stop offset="1" stop-color="#65e1dc" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#ffda45" />
<stop offset="1" stop-color="#ffa425" />
</linearGradient>
<linearGradient
id="q"
x1="156.943"
x2="202.986"
y1="83.976"
y2="83.976"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ffda45" stop-opacity="0" />
<stop offset="1" stop-color="#fcee21" />
</linearGradient>
<linearGradient
id="r"
x1="187.44"
x2="138.882"
y1="91.685"
y2="76.179"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="s"
x1="920.936"
x2="965.518"
y1="-125.215"
y2="-80.633"
gradientTransform="translate(-762.766 308.372)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="t"
x1="937.945"
x2="916.706"
y1="-106.481"
y2="-136.592"
gradientTransform="translate(-762.766 308.372)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="u"
x1="935.011"
x2="982.326"
y1="-99.144"
y2="-187.142"
gradientTransform="translate(-762.766 308.372)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffda45" stop-opacity="0" />
<stop offset="1" stop-color="#b53759" />
</linearGradient>
<linearGradient id="e">
<stop offset="0" stop-color="#ffdaaa" />
<stop offset=".421" stop-color="#ffd8a8" />
<stop offset=".652" stop-color="#fed1a0" />
<stop offset=".836" stop-color="#fdc592" />
<stop offset=".995" stop-color="#fcb47f" />
<stop offset="1" stop-color="#fcb37e" />
</linearGradient>
<linearGradient
id="v"
x1="350.998"
x2="350.998"
y1="207.513"
y2="322.558"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="w"
x1="348.55"
x2="348.55"
y1="239.973"
y2="336.478"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="x"
x1="340.906"
x2="375.739"
y1="170.101"
y2="260.408"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="y"
x1="343.247"
x2="335.752"
y1="212.236"
y2="163.182"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdaaa" stop-opacity="0" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="z"
x1="349.161"
x2="187.079"
y1="268.177"
y2="226.349"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb37e" stop-opacity="0" />
<stop offset="1" stop-color="#ff7044" />
</linearGradient>
<path
fill="url(#f)"
d="M248.184 510h-43.126a9.075 9.075 0 0 1-9.074-9.074V312.258h61.273v188.669a9.072 9.072 0 0 1-9.073 9.073z"
/>
<path
fill="url(#g)"
d="M257.258 500.926V312.258h-47.529v188.669a9.075 9.075 0 0 0 9.074 9.074h29.382a9.075 9.075 0 0 0 9.073-9.075z"
/>
<path fill="url(#h)" d="M257.258 312.258h-61.273v25.325l61.273 61.274z" />
<path
fill="url(#i)"
d="M405.585 331.215h-154.1c-7.351 0-10.569 3.61-7.187 8.063l42.665 56.176c22.96 30.231 82.028 54.738 131.933 54.738 49.905 0 71.748-24.507 48.788-54.738l-42.664-56.176c-3.383-4.453-12.084-8.063-19.435-8.063z"
/>
<path
fill="url(#j)"
d="M428.766 443.738c-49.905 0-108.974-23.178-131.934-51.769l-42.665-53.129c-3.382-4.212-.164-7.626 7.187-7.626h-9.87c-7.351 0-10.569 3.61-7.187 8.063l42.665 56.176c22.96 30.231 82.028 54.738 131.933 54.738 22.262 0 38.92-4.886 48.527-12.973-9.667 4.149-22.723 6.52-38.656 6.52z"
/>
<path
fill="url(#k)"
d="M401.283 337.583H51.959c-10.367 0-18.772-8.404-18.772-18.772V161.77c0-48.905 39.646-88.551 88.551-88.551h209.766c48.905 0 88.551 39.646 88.551 88.551v157.042c0 10.367-8.404 18.771-18.772 18.771z"
/>
<path
fill="url(#l)"
d="M353.57 99.351H143.804c-48.905 0-88.551 39.646-88.551 88.551v149.682h346.03c10.367 0 18.772-8.405 18.772-18.772V161.77c0-15.588-4.041-30.225-11.113-42.948-15.165-12.173-34.412-19.471-55.372-19.471z"
/>
<path
fill="url(#m)"
d="M401.283 337.583h-158.33V161.77c0-48.905 39.646-88.551 88.551-88.551s88.551 39.646 88.551 88.551v157.042c0 10.367-8.404 18.771-18.772 18.771z"
/>
<path
fill="url(#n)"
d="M400.087 337.583H252.823V161.574c0-43.454 35.227-78.681 78.681-78.681s78.681 35.227 78.681 78.681v165.91c0 5.578-4.521 10.099-10.098 10.099z"
/>
<path
fill="url(#o)"
d="M100.421 62.466h63.15v-48.87h-63.15a1.607 1.607 0 0 0-1.514 2.144l6.556 18.46c.88 2.478.88 5.184 0 7.662l-6.556 18.46a1.606 1.606 0 0 0 1.514 2.144z"
/>
<path
fill="url(#p)"
d="M100.159 62.445c.085.014.173.021.262.021h63.15V19.241h-63.15c-.09 0-.178.007-.262.021l5.305 14.937a11.471 11.471 0 0 1 0 7.664l-6.556 18.459a1.606 1.606 0 0 0 1.251 2.123z"
/>
<path
fill="url(#q)"
d="M186.065 167.951h-31.246V15.623C154.819 6.995 161.814 0 170.442 0s15.623 6.995 15.623 15.623z"
/>
<path
fill="url(#r)"
d="M186.03 14.565c-.907-13.561-21.516-13.561-22.424 0-.023.349-.035.702-.035 1.057V167.95h22.494V15.623c0-.356-.012-.708-.035-1.058z"
/>
<circle cx="170.442" cy="190.993" r="34.423" fill="url(#s)" />
<circle cx="170.442" cy="190.993" r="28.729" fill="url(#t)" />
<path
fill="url(#u)"
d="M185.673 160.117a34.273 34.273 0 0 1 3.714 15.378c.104 19.011-15.224 34.506-34.234 34.61a34.284 34.284 0 0 1-15.418-3.546c5.713 11.249 17.42 18.93 30.896 18.856 19.011-.104 34.338-15.599 34.234-34.61-.074-13.475-7.882-25.098-19.192-30.688z"
/>
<path
fill="url(#v)"
d="M449.174 177.521v131.588c0 4.389-1.887 8.33-4.897 11.074a14.92 14.92 0 0 1-10.096 3.919H252.823V162.528h181.358c3.888 0 7.436 1.486 10.096 3.919a14.934 14.934 0 0 1 4.897 11.074z"
/>
<path
fill="url(#w)"
d="M444.277 320.183a14.92 14.92 0 0 1-10.096 3.919H252.823V273.24l37.377-29.926 29.039-23.248 29.039 23.248z"
/>
<path
fill="url(#x)"
d="m444.277 166.447-96 76.868-17.222 13.788a18.919 18.919 0 0 1-23.634 0L290.2 243.315l-37.377-29.926v-50.862h181.358a14.923 14.923 0 0 1 10.096 3.92z"
/>
<path
fill="url(#y)"
d="M307.421 257.103a18.919 18.919 0 0 0 23.634 0l17.222-13.788 80.473-64.436H252.823v34.51l37.377 29.926z"
/>
<path fill="url(#z)" d="M414.397 324.102 252.823 162.528v161.574z" />
</svg>
More icons in the same style and category