IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Docs icon - Flat | SVG & PNG Free Download

Style Variants

Docs

Docs icon - also known as file, documents, archive, communications, and docs. Created in a clean flat style with a white and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

Usage Snippets

Docs.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M439.652 512H72.348c-9.217 0-16.696-7.479-16.696-16.696V16.696C55.652 7.479 63.131 0 72.348 0h233.739a16.7 16.7 0 0 1 11.804 4.892l133.565 133.565a16.697 16.697 0 0 1 4.892 11.804v345.043c0 9.217-7.479 16.696-16.696 16.696z"
        fill="#167ee6"
    />
    <path
        d="M317.891 4.892A16.7 16.7 0 0 0 306.087 0H256v512h183.652c9.217 0 16.696-7.479 16.696-16.696V150.261a16.7 16.7 0 0 0-4.892-11.804L317.891 4.892z"
        fill="#2860cc"
    />
    <path
        d="M451.459 138.459 317.891 4.892A16.7 16.7 0 0 0 306.082 0h-16.691l.001 150.261c0 9.22 7.475 16.696 16.696 16.696h150.26v-16.696a16.69 16.69 0 0 0-4.889-11.802z"
        fill="#167ee6"
    />
    <path
        d="M272.696 411.826H139.13c-9.217 0-16.696-7.479-16.696-16.696 0-9.217 7.479-16.696 16.696-16.696h133.565c9.217 0 16.696 7.479 16.696 16.696 0 9.218-7.478 16.696-16.695 16.696z"
        fill="#fff"
    />
    <path
        d="M272.696 378.435H256v33.391h16.696c9.217 0 16.696-7.479 16.696-16.696-.001-9.217-7.479-16.695-16.696-16.695z"
        fill="#e6f3ff"
    />
    <path
        d="M372.87 345.043H139.13c-9.217 0-16.696-7.479-16.696-16.696 0-9.217 7.479-16.696 16.696-16.696h233.74c9.217 0 16.696 7.479 16.696 16.696-.001 9.218-7.479 16.696-16.696 16.696z"
        fill="#fff"
    />
    <path
        d="M372.87 311.652H256v33.391h116.87c9.217 0 16.696-7.479 16.696-16.696-.001-9.216-7.479-16.695-16.696-16.695z"
        fill="#e6f3ff"
    />
    <path
        d="M372.87 278.261H139.13c-9.217 0-16.696-7.479-16.696-16.696 0-9.217 7.479-16.696 16.696-16.696h233.74c9.217 0 16.696 7.479 16.696 16.696-.001 9.217-7.479 16.696-16.696 16.696z"
        fill="#fff"
    />
    <path
        d="M372.87 244.87H256v33.391h116.87c9.217 0 16.696-7.479 16.696-16.696-.001-9.217-7.479-16.695-16.696-16.695z"
        fill="#e6f3ff"
    />
</svg>