IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Lineal Color | SVG & PNG Free Download

Style Variants

Document

Document icon - also known as document, folder, archive, file storage, data storage, ui, and files and folders. Created in a clean lineal color style with a white, black, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

files and folders

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512.002 512.002"
>
    <path
        d="M121.557 10v242.002h330V100.001h-90.001V10z"
        fill-rule="evenodd"
        fill="#fff"
    />
    <path d="M361.556 10v90.001h90.001z" fill-rule="evenodd" fill="#e8eaf0" />
    <path
        d="M121.557 252.002v-110H60.445c-13.445 0-24.444 11-24.444 24.444v311.111c0 13.445 11.001 24.444 24.445 24.444h12.222c13.445 0 24.444-10.999 24.445-24.444V276.446c-.001-13.445 10.999-24.444 24.444-24.444z"
        fill-rule="evenodd"
        fill="#ffda8f"
    />
    <path
        d="M451.557 252.002h-330c-13.444 0-24.444 10.999-24.444 24.444v201.112c0 13.445-11 24.444-24.445 24.444h378.889c13.444 0 24.444-11 24.444-24.444V276.446c0-13.443-11-24.444-24.444-24.444z"
        fill-rule="evenodd"
        fill="#ffc144"
    />
    <path
        d="M72.668 502.002c13.445 0 24.444-10.999 24.445-24.444V276.446c0-13.445 11-24.444 24.444-24.444h119.997m89.999 0h120.003c13.445 0 24.444 11.001 24.444 24.444v201.112c0 13.444-11.001 24.444-24.444 24.444H60.445C47.002 502.002 36 491.003 36 477.558V166.447c0-13.445 11-24.444 24.444-24.444h56.111"
        fill-rule="evenodd"
        fill="none"
        stroke="#000"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="22.9256"
    />
    <path
        d="M121.557 252.002V10h239.999l90.001 90.001v147.001"
        fill-rule="evenodd"
        fill="none"
        stroke="#000"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="22.9256"
    />
    <path
        d="M446.557 100.001h-85.001V15M166.557 55h149.999M166.557 99.999h149.999M166.557 144.999h240M166.557 189.999h240"
        fill-rule="evenodd"
        fill="none"
        stroke="#000"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="22.9256"
    />
    <path
        d="M286.549 252.002h.008"
        fill-rule="evenodd"
        fill="none"
        stroke="#000"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="2.6131"
    />
</svg>