IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Inbox icon - Gradient | SVG & PNG Free Download

Style Variants

Inbox

Inbox icon - also known as file, document, storage, office material, archive, inbox, filing cabinet, and files and folders. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

office material

files and folders

Usage Snippets

Inbox.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="0 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#4761ac" />
        <stop offset="1" stop-color="#54c2ef" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-24"
        x2="496.984"
        y1="240"
        y2="240"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-24"
        x2="496.984"
        y1="408"
        y2="408"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-24"
        x2="496.984"
        y1="216"
        y2="216"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-24"
        x2="496.984"
        y1="248"
        y2="248"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-24"
        x2="496.984"
        y1="144"
        y2="144"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="-24"
        x2="496.984"
        y1="72"
        y2="72"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="-24"
        x2="496.984"
        y1="360"
        y2="360"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="-24"
        x2="496.984"
        y1="436"
        y2="436"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M407.742 6.008A7.994 7.994 0 0 0 400 0H80a7.994 7.994 0 0 0-7.742 6.008l-72 279.816A15.671 15.671 0 0 0 0 288v184a8 8 0 0 0 8 8h464a8 8 0 0 0 8-8V288a8.305 8.305 0 0 0-.297-2.145zM86.2 16h307.602l67.879 264H400v-96a8 8 0 0 0-8-8h-16v-64a8 8 0 0 0-8-8h-16V40a8 8 0 0 0-8-8H136a8 8 0 0 0-8 8v64h-16a8 8 0 0 0-8 8v64H88a8 8 0 0 0-8 8v96H18.32zM320 280a8 8 0 0 0-7.352 4.848L290.727 336H189.273l-21.921-51.152A8 8 0 0 0 160 280H96v-88h288v88zm16-176H144V48h192zm24 16v56H120v-56zm104 344H16V296h138.727l21.921 51.152A8 8 0 0 0 184 352h112a8 8 0 0 0 7.352-4.848L325.273 296H464zm0 0"
    />
    <path
        fill="url(#c)"
        d="M296 368H184c-13.254 0-24 10.746-24 24v32c0 13.254 10.746 24 24 24h112c13.254 0 24-10.746 24-24v-32c0-13.254-10.746-24-24-24zm8 56a8 8 0 0 1-8 8H184a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h112a8 8 0 0 1 8 8zm0 0"
    />
    <path
        fill="url(#d)"
        d="M128 224h24a8 8 0 0 0 0-16h-24a8 8 0 0 0 0 16zm0 0"
    />
    <path
        fill="url(#e)"
        d="M256 240H128a8 8 0 0 0 0 16h128a8 8 0 0 0 0-16zM352 240h-64a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16zm0 0"
    />
    <path
        fill="url(#f)"
        d="M144 152h192a8 8 0 0 0 0-16H144a8 8 0 0 0 0 16zm0 0"
    />
    <path
        fill="url(#g)"
        d="M168 80h144a8 8 0 0 0 0-16H168a8 8 0 0 0 0 16zm0 0"
    />
    <path
        fill="url(#h)"
        d="M40 312a8 8 0 0 0-8 8v80a8 8 0 0 0 16 0v-80a8 8 0 0 0-8-8zm0 0"
    />
    <path
        fill="url(#i)"
        d="M40 424a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-8a8 8 0 0 0-8-8zm0 0"
    />
</svg>