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, line chart, 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/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="#457393"
            d="M300.137 317.793H61.793V132.414a8.829 8.829 0 0 0-17.656 0v194.207a8.829 8.829 0 0 0 8.828 8.828h247.172a8.829 8.829 0 0 0 0-17.656zm0 0"
        />
        <path
            fill="#365972"
            d="M158.898 361.93h-8.828a8.829 8.829 0 0 0 0 17.656h8.828c4.875 0 8.825-3.953 8.825-8.828s-3.95-8.828-8.825-8.828zM105.93 361.93H52.965a8.829 8.829 0 0 0 0 17.656h52.965a8.829 8.829 0 0 0 0-17.656zm0 0"
        />
        <path
            fill="#89c053"
            d="M92.691 295.723c2.34 0 4.586-.93 6.239-2.586l59.968-59.965 29.067 29.07a8.832 8.832 0 0 0 12.484 0l73.207-73.207v5.172a8.826 8.826 0 0 0 8.828 8.828c4.875 0 8.825-3.953 8.825-8.828v-26.484c0-.114-.059-.203-.059-.317a8.659 8.659 0 0 0-.61-3.062c0-.09-.097-.153-.14-.239a8.585 8.585 0 0 0-1.563-2.324 9.89 9.89 0 0 0-.671-.605 8.963 8.963 0 0 0-1.836-1.239 8.19 8.19 0 0 0-.883-.406 8.861 8.861 0 0 0-3.063-.633H256c-4.875 0-8.828 3.95-8.828 8.825s3.953 8.828 8.828 8.828h5.172l-66.965 66.969-29.07-29.07a8.827 8.827 0 0 0-12.48 0l-66.208 66.206a8.824 8.824 0 0 0 6.242 15.067zm0 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>