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

Documentation 3

Document icon - also known as interface, file, document, archive, analytics, and files and folders. Created in a clean flat style with a white, silver, gray, teal, and orange 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="-53 0 512 512"
>
    <g fill-rule="evenodd">
        <path
            fill="#a9b0bb"
            d="M353.102 52.965h35.312c9.738.031 17.625 7.918 17.656 17.656v423.723c-.03 9.738-7.918 17.629-17.656 17.656H70.621c-9.738-.027-17.625-7.918-17.656-17.656v-35.309zm0 0"
        />
        <path
            fill="#e4e8eb"
            d="M353.102 17.656V441.38c-.028 9.738-7.914 17.625-17.653 17.656H17.656C7.918 459.004.027 451.117 0 441.38V88.277L88.277 0H335.45c9.738.027 17.625 7.918 17.653 17.656zm0 0"
        />
        <path
            fill="#5e8faa"
            d="M88.277 0v70.621c-.03 9.738-7.918 17.625-17.656 17.656H0zm0 0"
        />
        <path
            fill="#365972"
            d="M158.898 379.586h-8.828a8.829 8.829 0 0 1 0-17.656h8.828c4.875 0 8.825 3.953 8.825 8.828s-3.95 8.828-8.825 8.828zM105.93 379.586H52.965a8.829 8.829 0 0 1 0-17.656h52.965a8.829 8.829 0 0 1 0 17.656zm0 0"
        />
        <path
            fill="#fdcd56"
            d="M105.93 335.45a8.829 8.829 0 0 1-8.828-8.829v-88.277a8.829 8.829 0 0 1 17.656 0v88.277a8.829 8.829 0 0 1-8.828 8.828zm0 0"
        />
        <path
            fill="#66d4f1"
            d="M264.828 335.45A8.829 8.829 0 0 1 256 326.62v-88.277a8.829 8.829 0 0 1 17.656 0v88.277a8.829 8.829 0 0 1-8.828 8.828zm0 0"
        />
        <path
            fill="#61ddbc"
            d="M158.898 335.45a8.826 8.826 0 0 1-8.828-8.829v-150.07a8.826 8.826 0 0 1 8.828-8.828c4.875 0 8.825 3.953 8.825 8.828v150.07c0 4.875-3.95 8.828-8.825 8.828zm0 0"
        />
        <path
            fill="#eb5463"
            d="M211.863 335.45a8.829 8.829 0 0 1-8.828-8.829v-176.55a8.829 8.829 0 0 1 17.656 0v176.55a8.829 8.829 0 0 1-8.828 8.828zm0 0"
        />
        <path
            fill="#457393"
            d="M300.137 335.45H52.965a8.829 8.829 0 0 1-8.828-8.829V132.414a8.829 8.829 0 0 1 17.656 0v185.379h238.344a8.829 8.829 0 0 1 0 17.656zm0 0"
        />
        <path
            fill="#848f9e"
            d="M79.45 459.035v35.309c.027 9.738 7.913 17.629 17.652 17.656h-26.48c-9.74-.027-17.626-7.918-17.657-17.656v-35.309zm0 0"
        />
        <path fill="#457393" d="M88.277 0v26.484L26.484 88.277H0zm0 0" />
        <g fill="#cad0d7">
            <path
                d="M44.137 459.035h-26.48C7.917 459.004.026 451.117 0 441.38V88.277h26.484V441.38c.028 9.738 7.914 17.625 17.653 17.656zM114.758 0l-26.48 26.484V0zm0 0"
            />
        </g>
    </g>
</svg>