IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Inbox icon - Flat | SVG & PNG Free Download

Style Variants

Inbox

Inbox icon - also known as file, document, sheet, paper, email, mail, tool, tray, archive, inbox, and files and folders. Created in a clean flat style with a white, silver, black, and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

files and folders

Usage Snippets

Inbox.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="0 0 512 512"
>
    <g fill-rule="evenodd">
        <path
            fill="#dff3ff"
            d="M96 0h210a14.964 14.964 0 0 1 10.605 4.395l110 110-.039.039A14.907 14.907 0 0 1 430.941 125v271.113c.04.438.059.88.059 1.324 0 8.286-6.715 15-15 15H96c-8.285 0-15-6.714-15-15V15c0-8.285 6.715-15 15-15zm0 0"
        />
        <path
            fill="#0095ff"
            d="M155.5 90c-8.285 0-15-6.715-15-15 0-8.281 6.715-15 15-15H227c8.285 0 15 6.719 15 15 0 8.285-6.715 15-15 15zM155.5 150c-8.285 0-15-6.715-15-15 0-8.281 6.715-15 15-15h71.367c8.281 0 15 6.719 15 15 0 8.285-6.719 15-15 15zm0 0"
        />
        <path
            fill="#c5e7fd"
            d="M256 0h50a14.964 14.964 0 0 1 10.605 4.395l110 110-.039.039A14.907 14.907 0 0 1 430.941 125v271.113c.04.438.059.88.059 1.324 0 8.286-6.715 15-15 15H256zm0 0"
        />
        <path
            fill="#0095ff"
            d="M155.5 210c-8.285 0-15-6.715-15-15 0-8.281 6.715-15 15-15H356c8.285 0 15 6.719 15 15 0 8.285-6.715 15-15 15zM155.5 270c-8.285 0-15-6.715-15-15 0-8.281 6.715-15 15-15H356c8.285 0 15 6.719 15 15 0 8.285-6.715 15-15 15zm0 0"
        />
        <path
            fill="#00465f"
            d="M15 302h150c8.285 0 15 6.715 15 15v44h152v-44c0-8.285 6.715-15 15-15h150c8.285 0 15 6.715 15 15v179.25c0 8.285-6.715 15-15 15H15c-8.285 0-15-6.715-15-15V317c0-8.285 6.715-15 15-15zm0 0"
        />
        <path
            fill="#002c3c"
            d="M256 361h76v-44c0-8.281 6.715-15 15-15h150c8.285 0 15 6.719 15 15v179.254c0 8.281-6.715 15-15 15H256zm0 0"
        />
        <path
            fill="#dff3ff"
            d="M210 451c-8.285 0-15-6.715-15-15s6.715-15 15-15h92c8.285 0 15 6.715 15 15s-6.715 15-15 15zm0 0"
        />
        <path
            fill="#69b1e9"
            d="m316.605 4.395 109.907 109.91A14.945 14.945 0 0 1 431 125c0 8.285-6.719 15-15 15H306c-8.285 0-15-6.715-15-15V15a14.971 14.971 0 0 1 4.395-10.605c5.859-5.856 15.351-5.856 21.21 0zm0 0"
        />
        <path
            fill="#0082ff"
            d="M256 180h100c8.285 0 15 6.719 15 15 0 8.285-6.715 15-15 15H256zM256 240h100c8.285 0 15 6.719 15 15 0 8.285-6.715 15-15 15H256zm0 0"
        />
        <path
            fill="#c5e7fd"
            d="M256 421h46c8.285 0 15 6.715 15 15s-6.715 15-15 15h-46zm0 0"
        />
    </g>
</svg>