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

Education Elements 5

Document icon - also known as interface, file, document, archive, fact, and files and folders. Created in a clean flat style with a white, gray, teal, 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

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512.001 512.001"
>
    <path
        d="M249.126 461.063c-1.563-7.3-8.108-12.453-15.579-12.453H21.622c-11.3 0-18.984 11.393-14.838 21.912 8.744 22.124 30.311 37.77 55.535 37.77H307.51c-28.695 0-52.661-20.243-58.384-47.229z"
        fill="#328777"
    />
    <path
        d="M510.015 36.59c-9.817-19.501-30.02-32.881-53.336-32.881l-270.771.026h.106c-32.709.252-59.284 27.701-59.284 60.927v333.779l-1.086 50.169c0 32.961-26.721 59.681-59.695 59.681h334.878c33.066 0 59.88-26.8 59.88-59.88V63.404h32.643c13.777 0 22.865-14.52 16.665-26.814z"
        fill="#4bcdb2"
    />
    <path
        d="M510.015 36.59c-9.817-19.501-30.02-32.881-53.336-32.881l-270.771.026h.106a51.713 51.713 0 0 1 4.041.093 59.055 59.055 0 0 1 21.607 5.471c17.249 8.055 29.993 24.124 33.49 43.4 1.126 6.2 6.505 10.704 12.797 10.704H493.35c13.777.001 22.865-14.519 16.665-26.813z"
        fill="#57eecf"
    />
    <path
        d="M405.032 170.386H192.106c-5.487 0-9.936-4.449-9.936-9.936s4.449-9.936 9.936-9.936h212.925c5.489 0 9.936 4.449 9.936 9.936s-4.447 9.936-9.935 9.936zM405.032 218.546H192.106c-5.487 0-9.936-4.449-9.936-9.936s4.449-9.936 9.936-9.936h212.925c5.489 0 9.936 4.449 9.936 9.936s-4.447 9.936-9.935 9.936zM381.204 266.704H192.106c-5.487 0-9.936-4.449-9.936-9.936s4.449-9.936 9.936-9.936h189.098c5.489 0 9.936 4.449 9.936 9.936 0 5.488-4.448 9.936-9.936 9.936zM352.4 314.864H192.106c-5.487 0-9.936-4.449-9.936-9.936s4.449-9.936 9.936-9.936H352.4c5.489 0 9.936 4.449 9.936 9.936s-4.449 9.936-9.936 9.936zM405.032 363.024H192.106c-5.487 0-9.936-4.449-9.936-9.936s4.449-9.936 9.936-9.936h212.925c5.489 0 9.936 4.449 9.936 9.936s-4.447 9.936-9.935 9.936zM308.02 411.184H192.106c-5.487 0-9.936-4.449-9.936-9.936s4.449-9.936 9.936-9.936H308.02c5.489 0 9.936 4.449 9.936 9.936s-4.449 9.936-9.936 9.936z"
        fill="#d3fdf9"
    />
    <circle cx="95.795" cy="132.12" r="95.795" fill="#ffe477" />
    <path
        d="M72.88 174.196a9.94 9.94 0 0 1-7.634-3.576L43.95 145.064c-3.513-4.215-2.944-10.48 1.272-13.994 4.213-3.515 10.48-2.944 13.994 1.272l14.481 17.377 59.442-56.927c3.962-3.795 10.251-3.66 14.048.303 3.795 3.964 3.66 10.252-.303 14.048l-67.131 64.293a9.938 9.938 0 0 1-6.873 2.76z"
        fill="#cca400"
    />
</svg>