Add icons to this collection by clicking the heart icon.
Inbox icon - also known as message, envelope, email, mail, note, multimedia, inbox, and communications. Created in a clean color style with a white, gray, and black 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="509"
y2="-1.04"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#cff4b7" />
<stop offset="1" stop-color="#30a56c" />
</linearGradient>
<path
d="M512 118.226v275.547C512 459.071 459.071 512 393.774 512H118.227C52.929 512 0 459.071 0 393.774V118.226C0 52.929 52.929 0 118.227 0h275.547C459.071 0 512 52.929 512 118.226z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="256"
x2="256"
y1="505.078"
y2="3.01"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a8ea7d" />
<stop offset=".991" stop-color="#008965" />
</linearGradient>
<path
d="M118.227 508C55.242 508 4 456.758 4 393.773V118.227C4 55.242 55.242 4 118.227 4h275.547C456.758 4 508 55.242 508 118.227v275.547C508 456.758 456.758 508 393.773 508H118.227z"
fill="url(#b)"
/>
<path
d="M423.142 215.769c0-5.573-2.949-10.73-7.752-13.557l-146.412-86.16a15.733 15.733 0 0 0-15.956 0l-146.412 86.16a15.731 15.731 0 0 0-7.752 13.557v10.65h.001-.001V418.12h324.284v-191.7h-.001.001v-10.651z"
opacity=".3"
fill="#1a1a1a"
/>
<linearGradient
id="c"
x1="251.542"
x2="463.793"
y1="214.792"
y2="2.542"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#005f3c" />
<stop offset="1" stop-color="#008965" stop-opacity="0" />
</linearGradient>
<path
d="M512 288.07v105.7C512 459.07 459.07 512 393.77 512H192.74l-98.88-98.88 319.919-223.271L512 288.07z"
opacity=".5"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="256"
x2="256"
y1="112.1"
y2="100.28"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".005" stop-color="#b3b3b3" />
<stop offset=".995" stop-color="gray" />
</linearGradient>
<path
d="M418.142 210.769c0-5.573-2.949-10.73-7.752-13.557l-146.412-86.16a15.733 15.733 0 0 0-15.956 0l-146.412 86.16a15.73 15.73 0 0 0-7.752 13.557v10.65h.001-.001V413.12h324.284v-191.7h-.001.001v-10.651z"
fill="url(#d)"
/>
<path
d="M418.142 200.769c0-5.573-2.949-10.73-7.752-13.557l-146.412-86.16a15.733 15.733 0 0 0-15.956 0l-146.412 86.16a15.73 15.73 0 0 0-7.752 13.557v10.65h.001-.001V403.12h324.284v-191.7h-.001.001v-10.651z"
fill="#fff"
/>
<linearGradient
id="e"
x1="256"
x2="256"
y1="414.56"
y2="112.32"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".199" stop-color="#f9f9f9" />
<stop offset=".478" stop-color="#e6e6e6" />
<stop offset=".803" stop-color="#c9c9c9" />
<stop offset="1" stop-color="#b3b3b3" />
</linearGradient>
<path
d="M94.858 402.12V200.77c0-5.195 2.782-10.06 7.26-12.695l146.412-86.16a14.742 14.742 0 0 1 7.471-2.035c2.625 0 5.208.704 7.471 2.035l146.412 86.16a14.787 14.787 0 0 1 7.259 12.695v201.35H94.858z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="256.19"
x2="256.19"
y1="319.62"
y2="302.25"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity="0" />
<stop offset=".052" stop-color="#fcfcfc" stop-opacity=".052" />
<stop offset=".65" stop-color="#e1e1e1" stop-opacity=".65" />
<stop offset="1" stop-color="#d7d7d7" />
</linearGradient>
<path d="M94.24 197.37h323.9v14.05H94.24z" opacity=".75" fill="url(#f)" />
<path d="M134.86 192.6h249.96v173.47H134.86z" opacity=".5" fill="#666" />
<path d="M131.02 188.28h249.96v173.47H131.02z" fill="#fff" />
<linearGradient
id="g"
x1="256"
x2="256"
y1="315.23"
y2="163.39"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ed7193" />
<stop offset="1" stop-color="#ed4e63" />
</linearGradient>
<path d="M139.43 197.37h233.14v155.31H139.43z" fill="url(#g)" />
<path
d="M93.858 403.12h324.284v-10.65L93.858 211.42z"
opacity=".5"
fill="#666"
/>
<path d="M418.142 403.12H93.858v-191.7z" fill="#fff" />
<path d="M94.858 402.12V213.172L414.486 402.12z" fill="#fff" />
<path
d="M418.142 403.12H93.858v-10.65l324.284-181.05z"
opacity=".5"
fill="#666"
/>
<path d="M418.142 403.12H93.858l324.284-191.7z" fill="#fff" />
<path d="m97.515 402.12 319.627-188.948V402.12z" fill="#fff" />
<path
d="M93.858 387.673v15.447h324.284v-15.447c0-5.573-2.949-10.73-7.752-13.557l-146.412-86.16a15.729 15.729 0 0 0-15.956 0l-146.412 86.16a15.731 15.731 0 0 0-7.752 13.557z"
opacity=".5"
fill="#666"
/>
<path
d="M93.858 392.47v10.65h324.284v-10.65c0-5.573-2.949-10.73-7.752-13.557l-146.412-86.16a15.729 15.729 0 0 0-15.956 0l-146.412 86.16a15.731 15.731 0 0 0-7.752 13.557z"
fill="#fff"
/>
<linearGradient
id="h"
x1="256"
x2="256"
y1="221.42"
y2="113.35"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".447" stop-color="#fcfcfc" />
<stop offset=".762" stop-color="#f3f3f3" />
<stop offset="1" stop-color="#e6e6e6" />
</linearGradient>
<path
d="M94.858 402.12v-9.65c0-5.196 2.782-10.06 7.26-12.695l146.412-86.16a14.742 14.742 0 0 1 7.471-2.035c2.625 0 5.208.704 7.471 2.035l146.412 86.16a14.787 14.787 0 0 1 7.259 12.695v9.65H94.858z"
fill="url(#h)"
/>
<path
d="M247.63 269.257a6.104 6.104 0 0 1-4.332-1.795l-19.18-19.18a6.125 6.125 0 0 1 0-8.664 6.125 6.125 0 0 1 8.664 0l14.848 14.847 38.304-38.303a6.125 6.125 0 0 1 8.664 0 6.125 6.125 0 0 1 0 8.664l-42.636 42.636a6.104 6.104 0 0 1-4.332 1.795z"
fill="#fff"
/>
</svg>
More icons in the same style and category