IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Flat | SVG & PNG Free Download

Style Variants

Document

Document And Files 15

Document icon - also known as file, document, list, writing, archive, pens, doc, and files and folders. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

files and folders

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 507.769 507.769"
>
    <path
        fill="#0290cf"
        d="M492.729 151.825h-30.573a7.5 7.5 0 0 0 0 15h23.073v108.253a7.5 7.5 0 0 0 15 0V159.325a7.5 7.5 0 0 0-7.5-7.5z"
    />
    <path
        fill="#edf5fa"
        d="M357.321 0H132.685c-11.712 0-22.727 4.543-31.03 12.796L20.626 88.272l-.191.185c-8.315 8.315-12.894 19.37-12.894 31.129v358.449c0 16.395 13.338 29.734 29.734 29.734h320.047c16.395 0 29.733-13.339 29.733-29.734V29.734C387.055 13.338 373.716 0 357.321 0z"
    />
    <path
        fill="#d0e7f2"
        d="M357.321 0h-30c16.395 0 29.733 13.338 29.733 29.734v448.302c0 16.395-13.338 29.734-29.733 29.734h30c16.395 0 29.733-13.339 29.733-29.734V29.734C387.055 13.338 373.716 0 357.321 0z"
    />
    <g fill="#b7d9eb">
        <path
            d="M101.655 12.796 20.626 88.272l-.191.185C12.681 96.211 8.2 106.351 7.628 117.219h92.015c16.93-.081 30.679-13.876 30.679-30.824l.211-86.343c-10.904.522-21.085 4.999-28.878 12.744z"
        />
        <circle cx="92.604" cy="257.594" r="10.832" />
        <path
            d="M312.824 265.094H138.831a7.5 7.5 0 0 1 0-15h173.993a7.5 7.5 0 0 1 0 15z"
        />
        <circle cx="92.604" cy="311.078" r="10.832" />
        <path
            d="M312.824 318.578H138.831a7.5 7.5 0 0 1 0-15h173.993a7.5 7.5 0 0 1 0 15z"
        />
        <circle cx="92.604" cy="364.562" r="10.832" />
        <path
            d="M312.824 372.062H138.831a7.5 7.5 0 0 1 0-15h173.993a7.5 7.5 0 0 1 0 15zM174.918 190.694H86.141a7.5 7.5 0 0 1 0-15h88.777a7.5 7.5 0 0 1 0 15z"
        />
    </g>
    <path
        fill="#fead8a"
        d="M444.496 500.269a2.335 2.335 0 0 1-2.205-1.566l-21.453-81.472 23.659-10 23.659 10-21.453 81.472a2.339 2.339 0 0 1-2.207 1.566z"
    />
    <path fill="#fead8a" d="m420.838 417.231 23.658-10 23.659 10" />
    <path
        fill="#fe996d"
        d="m438.155 417.231-8.159 34.781 12.295 46.691a2.335 2.335 0 0 0 4.41 0l21.453-81.472z"
    />
    <path fill="#fedf30" d="M420.838 165.325h47.317v251.907h-47.317z" />
    <path fill="#fed402" d="M438.155 165.325h30v251.906h-30z" />
    <path
        fill="#8ac9fe"
        d="M420.838 169.341v-29.568c0-13.066 10.592-23.659 23.659-23.659 13.066 0 23.659 10.592 23.659 23.659v30.296"
    />
    <path
        fill="#01c0fa"
        d="M444.496 116.114a23.562 23.562 0 0 0-15 5.364c5.286 4.339 8.659 10.923 8.659 18.295v29.834l30 .462v-30.296c0-13.066-10.592-23.659-23.659-23.659z"
    />
</svg>