IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Flat Gradient | SVG & PNG Free Download

Style Variants

Document

Document icon - also known as interface, file, document, format, documents, report, archive, dem file, cab files, and files and folders. Created in a clean flat gradient style with a white finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

files and folders

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 2833 2833"
>
    <linearGradient
        id="a"
        x1="0"
        x2="2833.33"
        y1="1416.67"
        y2="1416.67"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ec297b" />
        <stop offset=".059" stop-color="#db2776" />
        <stop offset=".169" stop-color="#c0236d" />
        <stop offset=".278" stop-color="#ad2168" />
        <stop offset=".4" stop-color="#a21f64" />
        <stop offset=".522" stop-color="#9e1f63" />
        <stop offset=".961" stop-color="#90278e" />
        <stop offset="1" stop-color="#90278e" />
    </linearGradient>
    <g fill-rule="evenodd">
        <circle cx="1417" cy="1417" r="1417" fill="url(#a)" />
        <path
            fill="#fff"
            d="M2038 2270H796c-44 0-79-35-79-79V821c0-43 35-79 79-79h358c11 0 20 9 20 20v116h485V762c0-11 9-20 20-20h359c43 0 79 36 79 79v1370c0 44-36 79-79 79zM796 782c-22 0-39 18-39 39v1370c0 22 17 39 39 39h1242c21 0 39-17 39-39V821c0-21-18-39-39-39h-339v116c0 11-9 20-20 20h-525c-11 0-20-9-20-20V782z"
        />
        <path
            fill="#fff"
            d="M1990 2164H843c-11 0-20-9-20-20V869c0-11 9-20 20-20h311c11 0 20 9 20 20v9h485v-9c0-11 9-20 20-20h108c6 0 11 2 14 6l203 201c4 4 6 9 6 14v1074c0 11-9 20-20 20zm-1127-40h1107V1079l-191-190h-80v9c0 11-9 20-20 20h-525c-11 0-20-9-20-20v-9H863z"
        />
        <path
            fill="#fff"
            d="M1990 1090h-202c-11 0-20-8-20-20V870c0-8 5-16 13-19 7-3 16-1 21 5l202 200c4 4 6 9 6 14 0 11-9 20-20 20zm-182-40h134l-134-132zM1679 918h-525c-11 0-20-9-20-20V665c0-11 9-20 20-20h163c9-47 51-82 100-82s90 35 99 82h163c11 0 20 9 20 20v233c0 11-9 20-20 20zm-505-40h485V685h-161c-11 0-20-9-20-20 0-34-27-62-61-62s-62 28-62 62c0 11-9 20-20 20h-161zM1715 1113h-597c-11 0-20-9-20-20s9-20 20-20h597c11 0 20 9 20 20s-9 20-20 20zM1852 1262H981c-11 0-20-9-20-20s9-20 20-20h871c11 0 20 9 20 20s-9 20-20 20zM1852 1411H981c-11 0-20-9-20-20s9-20 20-20h871c11 0 20 9 20 20s-9 20-20 20zM1852 1560H981c-11 0-20-8-20-20 0-11 9-20 20-20h871c11 0 20 9 20 20 0 12-9 20-20 20zM1852 1710H981c-11 0-20-9-20-20s9-20 20-20h871c11 0 20 9 20 20s-9 20-20 20zM1852 1859H981c-11 0-20-9-20-20s9-20 20-20h871c11 0 20 9 20 20s-9 20-20 20zM1852 2008H981c-11 0-20-9-20-20s9-20 20-20h871c11 0 20 9 20 20s-9 20-20 20z"
        />
    </g>
</svg>