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

File And Document 28

Document icon - also known as interface, file, document, archive, sync, and files and folders. Created in a clean flat style with a white, silver, gray, 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="512pt"
    height="512pt"
    viewBox="-36 0 512 512"
>
    <path
        fill="#faf8f4"
        d="M376 480H8a8 8 0 0 1-8-8V8a8 8 0 0 1 8-8h280l96 88v384a8 8 0 0 1-8 8zm0 0"
    />
    <path
        fill="#f2ebe2"
        d="M32 456a8 8 0 0 1-8-8V0H8a8 8 0 0 0-8 8v464a8 8 0 0 0 8 8h368a8 8 0 0 0 8-8v-16zM288 0v80a8 8 0 0 0 8 8h88zm0 0"
    />
    <path
        fill="#fdf1b7"
        d="M144 72H48a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h96a8 8 0 0 0 8-8V80a8 8 0 0 0-8-8zm0 0"
    />
    <g fill="#e1e4f3">
        <path
            d="M256 256H48a8 8 0 0 1 0-16h208a8 8 0 0 1 0 16zM256 88h-80a8 8 0 0 1 0-16h80a8 8 0 0 1 0 16zM256 144h-80a8 8 0 0 1 0-16h80a8 8 0 0 1 0 16zM256 200h-80a8 8 0 0 1 0-16h80a8 8 0 0 1 0 16zM256 312H48a8 8 0 0 1 0-16h208a8 8 0 0 1 0 16zM208 368H48a8 8 0 0 1 0-16h160a8 8 0 0 1 0 16zM192 424H48a8 8 0 0 1 0-16h144a8 8 0 0 1 0 16zm0 0"
        />
    </g>
    <path
        fill="#6cd6bd"
        d="M392 352c-.676 0-1.352.016-2.023.043C382.82 324.164 357.449 304 328 304s-54.82 20.164-61.977 48.043A49.799 49.799 0 0 0 264 352c-26.469 0-48 21.531-48 48s21.531 48 48 48h128c26.469 0 48-21.531 48-48s-21.531-48-48-48zm0 0"
    />
    <path
        fill="#47ccad"
        d="M408 432H280c-26.469 0-48-21.531-48-48 0-9.14 2.57-17.695 7.027-24.973C225.227 367.47 216 382.676 216 400c0 26.469 21.531 48 48 48h128c17.324 0 32.531-9.227 40.973-23.027A47.671 47.671 0 0 1 408 432zm0 0"
    />
    <path
        fill="#fbe46f"
        d="M399.867 478.871a8 8 0 0 0-9.328-6.402l-11.7 2.172c.255-.672.513-1.344.778-2.032 1.899-4.847 4.051-10.34 4.051-16.609 0-30.879-25.121-56-56-56s-56 25.121-56 56c0 31.402 23.863 56 54.332 56a8 8 0 0 0 0-16c-21.496 0-38.332-17.57-38.332-40 0-22.055 17.941-40 40-40 22.055 0 40 17.945 40 40 0 3.246-1.434 6.906-2.95 10.777a176.448 176.448 0 0 0-1.148 2.989l-4.168-15.805c-1.129-4.274-5.504-6.824-9.773-5.695a7.995 7.995 0 0 0-5.695 9.773l8 30.332c1.05 3.996 5.128 6.586 9.195 5.824l32.332-6c4.344-.8 7.21-4.976 6.406-9.324zm0 0"
    />
</svg>