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

Digital Services 7

Document icon - also known as interface, file, document, website, archive, browser, ui, web page, and files and folders. Created in a clean lineal color style with a white, teal, 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="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path d="M170 10h332v80H210z" fill="#35a595" />
    <path d="m210 90-40-80H10v492h492V90z" fill="#f9f7f7" />
    <path d="M50 130h372v372H50z" fill="#ffcca9" />
    <path
        d="M90 462h215v40H90zM90 422h215v40H90zM90 382h215v40H90zM90 342h215v40H90zM90 302h215v40H90zM90 262h215v40H90zM305 462h77v40h-77zM305 422h77v40h-77zM305 382h77v40h-77zM305 342h77v40h-77zM305 302h77v40h-77zM305 262h77v40h-77z"
        fill="#f9f7f7"
    />
    <path
        d="M502 0H10C4.477 0 0 4.478 0 10v492c0 5.522 4.477 10 10 10h492c5.523 0 10-4.478 10-10V10c0-5.522-4.477-10-10-10zm-10 20v60H216.18l-30-60H492zm-328.18 0 10 20H90c-5.51 0-10 4.49-10 10s4.49 10 10 10h93.82l10 20H20V20h143.82zM315 272h57v20h-57v-20zM100 392h195v20H100v-20zm0-40h195v20H100v-20zm272 20h-57v-20h57v20zm-57 20h57v20h-57v-20zm57-60h-57v-20h57v20zm-77 0H100v-20h195v20zM100 432h195v20H100v-20zm215 0h57v20h-57v-20zm-20-140H100v-20h195v20zM100 472h195v20H100v-20zm215 20v-20h57v20h-57zm77 0V262c0-5.522-4.477-10-10-10H90c-5.523 0-10 4.478-10 10v230H60V140h352v352h-20zm100 0h-20V322c0-5.51-4.49-10-10-10s-10 4.49-10 10v170h-20V130c0-5.522-4.477-10-10-10H50c-5.523 0-10 4.478-10 10v362H20V100h432v142c0 5.51 4.49 10 10 10s10-4.49 10-10V100h20v392z"
    />
    <path
        d="M462 60c5.52 0 10-4.48 10-10 0-5.521-4.48-10-10-10s-10 4.479-10 10c0 5.52 4.48 10 10 10zM382 60c5.52 0 10-4.48 10-10 0-5.521-4.48-10-10-10s-10 4.479-10 10c0 5.52 4.48 10 10 10zM422 60c5.52 0 10-4.48 10-10 0-5.521-4.48-10-10-10s-10 4.479-10 10c0 5.52 4.48 10 10 10zM50 60c5.51 0 10-4.49 10-10s-4.49-10-10-10-10 4.49-10 10 4.49 10 10 10zM462 272c-5.51 0-10 4.49-10 10s4.49 10 10 10 10-4.49 10-10-4.49-10-10-10zM342 212h-52c-5.523 0-10 4.478-10 10s4.477 10 10 10h52c5.523 0 10-4.478 10-10s-4.477-10-10-10zM250 212H130c-5.523 0-10 4.478-10 10s4.477 10 10 10h120c5.523 0 10-4.478 10-10s-4.477-10-10-10zM186 192h100c5.523 0 10-4.478 10-10s-4.477-10-10-10H186c-5.523 0-10 4.478-10 10s4.477 10 10 10z"
    />
</svg>