IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Dossier icon - Flat | SVG & PNG Free Download

Style Variants

Dossier

Dossier icon - also known as interface, document, envelope, mail, documents, dossier, folder, archives, mailing, communications, and files and folders. Created in a clean flat style with a gray, red, orange, and pink 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

Dossier.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512pt"
    height="512pt"
    viewBox="-91 0 512 512"
>
    <path
        fill="#ffd396"
        d="M330 15v482c0 4.2-1.8 7.8-4.5 10.5l-81.3-47.102H115.8L4.5 507.5C1.8 504.8 0 501.2 0 497V15c0-4.2 1.8-7.8 4.5-10.5l111.3 47.098h128.4L325.5 4.5c2.7 2.7 4.5 6.3 4.5 10.5zm0 0"
    />
    <g fill="#ffb64c">
        <path
            d="M330 15v482c0 4.2-1.8 7.8-4.5 10.5l-81.3-47.102H165v-408.8h79.2L325.5 4.5c2.7 2.7 4.5 6.3 4.5 10.5zm0 0"
        />
        <path
            d="m325.5 4.5-51.3 107.098c-2.7 5.101-7.802 8.402-13.5 8.402H69.3c-5.698 0-10.8-3.3-13.5-8.402L4.5 4.5C7.2 1.8 10.8 0 15 0h300c4.2 0 7.8 1.8 10.5 4.5zM325.5 507.5c-2.7 2.7-6.3 4.5-10.5 4.5H15c-4.2 0-7.8-1.8-10.5-4.5l51.3-107.102c2.7-5.097 7.802-8.398 13.5-8.398h191.4c5.698 0 10.8 3.3 13.5 8.398zm0 0"
        />
    </g>
    <path
        fill="#ff9100"
        d="M274.2 400.398 325.5 507.5c-2.7 2.7-6.3 4.5-10.5 4.5H165V392h95.7c5.698 0 10.8 3.3 13.5 8.398zM260.7 120H165V0h150c4.2 0 7.8 1.8 10.5 4.5l-51.3 107.098c-2.7 5.101-7.802 8.402-13.5 8.402zm0 0"
    />
    <path
        fill="#61729b"
        d="M180 150v91c0 8.398-6.598 15-15 15s-15-6.602-15-15v-91c0-8.402 6.598-15 15-15s15 6.598 15 15zm0 0"
    />
    <path
        fill="#47568c"
        d="M180 150v91c0 8.398-6.598 15-15 15V135c8.402 0 15 6.598 15 15zm0 0"
    />
    <path
        fill="#ff641a"
        d="M165 226c-24.902 0-45 20.098-45 45 0 24.898 20.098 45 45 45s45-20.102 45-45c0-24.902-20.098-45-45-45zm0 0"
    />
    <path
        fill="#f03800"
        d="M210 271c0 24.898-20.098 45-45 45v-90c24.902 0 45 20.098 45 45zm0 0"
    />
    <path
        fill="#ff641a"
        d="M165 75c-24.902 0-45 20.098-45 45 0 24.898 20.098 45 45 45s45-20.102 45-45c0-24.902-20.098-45-45-45zm0 0"
    />
    <path
        fill="#f03800"
        d="M165 165V75c24.902 0 45 20.098 45 45 0 24.898-20.098 45-45 45zm0 0"
    />
</svg>