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 icon - also known as document, pen, archive, paper sheet, 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 511.997 511.997"
>
    <path
        fill="#d0cee7"
        d="M117.52 335.328V39.334C117.52 17.612 135.132 0 156.854 0h308.69c21.722 0 39.334 17.612 39.334 39.334v365.579c0 21.722-17.612 39.334-39.334 39.334H226.44z"
    />
    <path
        fill="#dddaec"
        d="M77.857 369.203V73.209c0-21.722 17.612-39.334 39.334-39.334h308.69c21.722 0 39.334 17.612 39.334 39.334v365.579c0 21.722-17.612 39.334-39.334 39.334H186.777z"
    />
    <path
        fill="#f9f6f9"
        d="M38.194 176.67v295.994c0 21.722 17.612 39.334 39.334 39.334h308.69c21.722 0 39.334-17.612 39.334-39.334V107.085c0-21.722-17.612-39.334-39.334-39.334H147.113z"
    />
    <path
        fill="#dddaec"
        d="M38.194 176.67h69.585c21.722 0 39.333-17.612 39.333-39.334V67.751"
    />
    <g fill="#7fb4fb">
        <path
            d="M323.173 235.123c-12.413 0-23.46-5.957-30.433-15.163-6.973 9.205-18.021 15.163-30.433 15.163-12.413 0-23.46-5.957-30.433-15.163-6.973 9.205-18.021 15.163-30.433 15.163-12.413 0-23.461-5.957-30.434-15.163-6.973 9.205-18.021 15.163-30.433 15.163-21.041 0-38.16-17.118-38.16-38.16a7.726 7.726 0 1 1 15.452 0c0 12.521 10.186 22.707 22.707 22.707s22.707-10.186 22.707-22.707a7.726 7.726 0 1 1 15.452 0c0 12.521 10.187 22.707 22.707 22.707 12.521 0 22.707-10.186 22.707-22.707a7.726 7.726 0 1 1 15.452 0c0 12.521 10.186 22.707 22.707 22.707s22.707-10.186 22.707-22.707a7.726 7.726 0 1 1 15.452 0c0 12.521 10.186 22.707 22.707 22.707s22.707-10.186 22.707-22.707a7.726 7.726 0 1 1 15.452 0c.003 21.042-17.116 38.16-38.157 38.16zM323.169 385.258c-12.412 0-23.458-5.956-30.431-15.161-6.973 9.205-18.019 15.161-30.431 15.161s-23.459-5.958-30.432-15.162c-6.975 9.204-18.025 15.162-30.44 15.162-3.367 0-6.702-.439-9.914-1.304a7.728 7.728 0 0 1 4.021-14.921c1.901.513 3.883.772 5.892.772 12.525 0 22.715-10.185 22.715-22.704a7.726 7.726 0 1 1 15.452 0c0 12.519 10.185 22.704 22.704 22.704s22.704-10.185 22.704-22.704a7.726 7.726 0 1 1 15.452 0c0 12.519 10.185 22.704 22.704 22.704 12.525 0 22.715-10.185 22.715-22.704a7.726 7.726 0 1 1 15.452 0c.005 21.039-17.117 38.157-38.163 38.157zM323.169 309.689c-12.412 0-23.458-5.956-30.431-15.161-6.973 9.205-18.019 15.161-30.431 15.161s-23.459-5.958-30.432-15.162c-6.975 9.204-18.025 15.162-30.44 15.162-12.403 0-23.442-5.948-30.416-15.142-6.091 8.058-15.331 13.65-26.035 14.885a7.726 7.726 0 1 1-1.771-15.351c11.439-1.32 20.065-11.015 20.065-22.55a7.726 7.726 0 1 1 15.452 0c0 12.519 10.185 22.704 22.704 22.704 12.525 0 22.715-10.185 22.715-22.704a7.726 7.726 0 1 1 15.452 0c0 12.519 10.185 22.704 22.704 22.704s22.704-10.185 22.704-22.704a7.726 7.726 0 1 1 15.452 0c0 12.519 10.185 22.704 22.704 22.704 12.525 0 22.715-10.185 22.715-22.704a7.726 7.726 0 1 1 15.452 0c.005 21.041-17.117 38.158-38.163 38.158z"
        />
    </g>
    <path
        fill="#ffe07d"
        d="M199.748 422.556c-7.573 7.573-19.851 7.573-27.425 0l-45.422-45.422 27.425-27.424 45.422 45.422c7.573 7.572 7.573 19.851 0 27.424z"
    />
    <path
        fill="#ffd064"
        d="M204.424 415.033a19.373 19.373 0 0 1-4.676 7.523c-7.569 7.569-19.852 7.576-27.428 0l-45.421-45.421 12.191-12.191 45.421 45.421c5.388 5.387 13.148 6.949 19.913 4.668z"
    />
    <path
        fill="#9cc6fa"
        d="M180.407 403.214c-17.991 17.991-47.16 17.991-65.151 0l-89.067-89.067c-10.404-10.404-10.404-27.273 0-37.677l27.473-27.473c10.404-10.404 27.273-10.404 37.677 0l89.067 89.067c17.992 17.991 17.992 47.159.001 65.15z"
    />
    <path
        fill="#7fb4fb"
        d="M189.299 390.732a46.04 46.04 0 0 1-8.893 12.49c-17.992 17.992-47.158 17.985-65.15-.008L26.19 314.148c-10.408-10.408-10.408-27.275-.008-37.676l21.382-21.382c-10.408 10.408-10.408 27.275 0 37.683l89.066 89.066c14.251 14.25 35.511 17.22 52.669 8.893z"
    />
    <path
        fill="#ffe07d"
        d="M94.09 426.421a7.704 7.704 0 0 1-5.463-2.263L14.319 349.85c-4.642-4.642-7.199-10.815-7.199-17.38s2.556-12.738 7.199-17.379l71.558-71.558a7.727 7.727 0 0 1 10.927 10.927l-71.558 71.558c-3.558 3.558-3.558 9.348 0 12.906l74.308 74.308a7.725 7.725 0 0 1-5.464 13.189z"
    />
</svg>