Add icons to this collection by clicking the heart icon.
Outbox icon - also known as message, document, envelope, email, mail, open, send, outbox, open email, and communications. 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="47.025"
x2="47.025"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="16.974"
x2="16.974"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="32"
x2="32"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="54"
x2="54"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="10"
x2="10"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="45.402"
x2="45.402"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="18.598"
x2="18.598"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="8"
x2="8"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="56"
x2="56"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="32.01"
x2="32.01"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="17"
x2="17"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="47"
x2="47"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M38.052 39.681c.199 0 .401-.06.576-.183l17.949-12.681a1.001 1.001 0 0 0-1.154-1.634L37.474 37.864a1.001 1.001 0 0 0 .578 1.817z"
/>
<path
fill="url(#c)"
d="M25.372 39.498a.999.999 0 1 0 1.154-1.634L8.577 25.183a1.001 1.001 0 0 0-1.154 1.634z"
/>
<path
fill="url(#d)"
d="M32 41.632c2.326 0 4.651-.713 6.635-2.139a1 1 0 1 0-1.167-1.625 9.36 9.36 0 0 1-10.935 0 1 1 0 0 0-1.167 1.625A11.347 11.347 0 0 0 32 41.632z"
/>
<path
fill="url(#e)"
d="M52 57c2.757 0 5-2.243 5-5a1 1 0 0 0-2 0c0 1.654-1.346 3-3 3a1 1 0 0 0 0 2z"
/>
<path
fill="url(#f)"
d="M12 57a1 1 0 0 0 0-2c-1.654 0-3-1.346-3-3a1 1 0 0 0-2 0c0 2.757 2.243 5 5 5zM8 25a1 1 0 0 0 1-1c0-1.654 1.346-3 3-3a1 1 0 0 0 0-2c-2.757 0-5 2.243-5 5a1 1 0 0 0 1 1z"
/>
<path
fill="url(#e)"
d="M52 21c1.654 0 3 1.346 3 3a1 1 0 0 0 2 0c0-2.757-2.243-5-5-5a1 1 0 0 0 0 2z"
/>
<path
fill="url(#g)"
d="M39.739 37.31a1.001 1.001 0 0 0-1.447 1.381l12.773 13.391a.999.999 0 0 0 1.414.034 1 1 0 0 0 .033-1.414z"
/>
<path
fill="url(#h)"
d="M24.261 37.31 11.488 50.7a1 1 0 0 0 1.447 1.38l12.773-13.39a1 1 0 0 0-1.447-1.38z"
/>
<path fill="url(#d)" d="M12 57h40a1 1 0 0 0 0-2H12a1 1 0 0 0 0 2z" />
<path
fill="url(#i)"
d="M8 53a1 1 0 0 0 1-1V24a1 1 0 0 0-2 0v28a1 1 0 0 0 1 1z"
/>
<path
fill="url(#j)"
d="M56 53a1 1 0 0 0 1-1V24a1 1 0 0 0-2 0v28a1 1 0 0 0 1 1z"
/>
<path
fill="url(#k)"
d="M24 17h3v11a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V17h3.01a.992.992 0 0 0 1.01-1 1 1 0 0 0-.422-.816l-7.891-7.891a.999.999 0 0 0-1.414 0l-8 8A1 1 0 0 0 24 17zm8-7.586L37.586 15H36a1 1 0 0 0-1 1v11h-6V16a1 1 0 0 0-1-1h-1.586z"
/>
<path fill="url(#l)" d="M12 21h10a1 1 0 0 0 0-2H12a1 1 0 0 0 0 2z" />
<path fill="url(#m)" d="M42 21h10a1 1 0 0 0 0-2H42a1 1 0 0 0 0 2z" />
</svg>
More icons in the same style and category