IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Outline Color | SVG & PNG Free Download

Style Variants

Document

Files And Documents 46

Document icon - also known as interface, file, document, edit, portable document format, archive, dem file, and files and folders. Created in a clean outline color style with a white, silver, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

portable document format

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 fill="#ecf0f1" d="M421.56 186v-60H196v360h290V186z" />
    <path fill="#e3835a" d="M252.39 386h177.22v40H252.39z" />
    <path fill="#d5d0bb" d="M316 86h-64.44V26z" />
    <path fill="#efebde" d="M316 86v40H196v260H26V26h225.56v60z" />
    <path fill="#bec3c7" d="M486 186h-64.44v-60z" />
    <path d="M356 186h20v20h-20zM316 186h20v20h-20zM276 186h20v20h-20z" />
    <path
        d="M486 496H196c-5.523 0-10-4.478-10-10V126c0-5.523 4.477-10 10-10h225.604a9.966 9.966 0 0 1 6.79 2.7l64.397 59.96a9.968 9.968 0 0 1 3.208 7.222v.007l.001.137V486c0 5.522-4.478 10-10 10zm-280-20h270V196h-54.44c-5.522 0-10-4.477-10-10v-50H206zm225.56-300h29.025l-29.025-27.025z"
    />
    <path
        d="M413.5 246H252.39c-5.523 0-10-4.477-10-10s4.477-10 10-10H413.5c5.522 0 10 4.477 10 10s-4.478 10-10 10zM316.83 296h-64.44c-5.523 0-10-4.478-10-10s4.477-10 10-10h64.44c5.522 0 10 4.478 10 10s-4.477 10-10 10zM421.56 296h-64.45c-5.522 0-10-4.478-10-10s4.478-10 10-10h64.449c5.522 0 10 4.478 10 10s-4.477 10-9.999 10zM429.61 346H252.39c-5.523 0-10-4.478-10-10s4.477-10 10-10h177.22c5.522 0 10 4.478 10 10s-4.477 10-10 10zM429.61 436H252.39c-5.523 0-10-4.478-10-10v-40c0-5.522 4.477-10 10-10h177.22c5.522 0 10 4.478 10 10v40c0 5.522-4.477 10-10 10zm-167.219-20h157.22v-20h-157.22zM316 136c-5.522 0-10-4.477-10-10V96h-54.44c-5.523 0-10-4.477-10-10V26c0-5.523 4.477-10 10-10s10 4.477 10 10v50H316c5.522 0 10 4.477 10 10v40c0 5.523-4.478 10-10 10z"
    />
    <path
        d="M196 396H26c-5.523 0-10-4.478-10-10V26c0-5.523 4.477-10 10-10h225.56c2.529 0 4.964.958 6.814 2.681l64.44 60c4.042 3.764 4.268 10.091.504 14.133-3.763 4.043-10.09 4.268-14.133.504L247.625 36H36v340h160c5.523 0 10 4.478 10 10s-4.477 10-10 10zM486 86c-5.522 0-10-4.477-10-10V36h-60c-5.522 0-10-4.477-10-10s4.478-10 10-10h70c5.522 0 10 4.477 10 10v50c0 5.523-4.478 10-10 10zM76 496H26c-5.523 0-10-4.478-10-10v-50c0-5.522 4.477-10 10-10s10 4.478 10 10v40h40c5.523 0 10 4.478 10 10s-4.477 10-10 10z"
    />
</svg>