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, portable document format, archive, dem file, cab files, and files and folders. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/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 1706.66 1706.66"
>
    <linearGradient
        id="a"
        x1="1253.56"
        x2="1528.54"
        y1="137.53"
        y2="137.53"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c73c5b" />
        <stop offset="1" stop-color="#a32f60" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="1137.83"
        x2="1391.15"
        y1="1150.71"
        y2="1150.71"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="b"
        x1="1215.83"
        x2="1313.13"
        y1="1150.57"
        y2="1150.57"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e87ea2" />
        <stop offset="1" stop-color="#fcd3a5" />
    </linearGradient>
    <linearGradient
        id="e"
        x1=".003%"
        x2="100.001%"
        y1="50.005%"
        y2="50.005%"
        gradientUnits="objectBoundingBox"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="177.89"
        x2="1213.19"
        y1="991.89"
        y2="991.89"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="493.22"
        x2="1528.53"
        y1="714.79"
        y2="714.79"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <linearGradient
        id="g"
        x1="1137.28"
        x2="1391.74"
        y1="850.73"
        y2="850.73"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1=".002%"
        x2="100.001%"
        y1="50%"
        y2="50%"
        gradientUnits="objectBoundingBox"
        href="#a"
    />
    <linearGradient
        id="j"
        x1="630.24"
        x2="1086.34"
        y1="774.06"
        y2="774.06"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="668.49"
        x2="1304.28"
        y1="544.49"
        y2="544.49"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="k"
        x1="1210.65"
        x2="1318.87"
        y1="850.7"
        y2="850.7"
        gradientUnits="userSpaceOnUse"
        href="#b"
    />
    <g fill-rule="evenodd">
        <path
            fill="url(#c)"
            d="M1154.96 1706.62H236.09c-32.11 0-58.22-26.12-58.22-58.22V335.37c0-32.1 26.13-58.21 58.22-58.21h277.09c24.39 0 26.19 34.31 5.39 39.37l-.06 1032.82c-1.04 7.14-6.59 62.15 63.78 59.22h590.9c.97-25.35 39.98-25.02 39.98.97v238.87c.02 32.09-26.11 58.2-58.22 58.2z"
        />
        <path
            fill="url(#d)"
            d="M1470.3 1429.52H551.41c-32.11 0-58.22-26.12-58.22-58.22l-.01-1313.03c0-32.11 26.11-58.22 58.22-58.22h722.22c5.31 0 10.39 2.11 14.15 5.86l234.89 234.89c3.75 3.75 5.86 8.83 5.86 14.13v1116.36c-.02 32.1-26.14 58.22-58.23 58.22z"
        />
        <path
            fill="url(#a)"
            d="M1273.5.06c5.4 0 10.46 2.04 14.29 5.86l234.89 234.89c3.81 3.81 5.86 8.88 5.86 14.27l-254.93 19.87c-11 .85-20.85-8.99-20-20L1273.5.06z"
        />
        <path
            fill="url(#e)"
            d="M1042.65 218.67H638.51c-26.33 0-26.33-40 0-40h404.14c26.32 0 26.33 40 0 40zM1042.65 347.83H638.51c-26.33 0-26.33-40 0-40h404.14c26.32 0 26.33 40 0 40z"
        />
        <path
            fill="url(#f)"
            d="M1284.28 622.81h-595.8c-11.04 0-20-8.96-20-20V486.15c0-11.04 8.96-20 20-20h595.8c11.04 0 20 8.96 20 20v116.66c0 11.06-8.96 20-20 20z"
        />
        <path
            fill="url(#g)"
            d="M1371.74 977.97h-214.47c-11.04 0-20-8.97-20-20V743.48c0-11.04 8.97-20 20-20h214.47c11.04 0 20 8.96 20 20v214.47c0 11.05-8.95 20.02-20 20.02z"
        />
        <path
            fill="url(#h)"
            d="M1371.15 1277.37h-213.32c-11.04 0-20-8.97-20-20v-213.32c0-11.04 8.97-20 20-20h213.32c11.04 0 20 8.97 20 20v213.32c0 11.04-8.96 20-20 20z"
        />
        <path
            fill="url(#i)"
            d="M1066.57 947.39h-416.6c-26.32 0-26.32-40 0-40h416.61c26.33 0 26.33 40-.02 40z"
        />
        <path
            fill="url(#j)"
            d="M1066.57 794.05h-416.6c-26.33 0-26.33-40 0-40h416.61c26.33 0 26.33 40-.02 40z"
        />
        <path
            fill="url(#i)"
            d="M1066.57 1247.37h-416.6c-26.32 0-26.32-40 0-40h416.61c26.33 0 26.33 40-.02 40zM1066.57 1094.05h-416.6c-26.32 0-26.32-40 0-40h416.61c26.33 0 26.33 40-.02 40z"
        />
        <path
            fill="url(#k)"
            d="M1250.29 892.87c-12.17 0-55.25-37.39-33.68-57.06 15-13.67 27.6.61 35.02 8.79 22.2-20.19 44.15-49.2 62.11-29.46 19.12 21-19.02 44.37-50 72.52a20.029 20.029 0 0 1-13.45 5.21z"
        />
        <path
            fill="url(#b)"
            d="M1292.9 1199.11c-6.46 0-17-8.1-28.41-18.83-11.4 10.73-21.93 18.83-28.41 18.83-17.64 0-26.81-21.51-14.15-34.16l13.95-13.94c-5.2-5.54-9.98-10.61-13.95-14.58-18.64-18.65 9.7-46.91 28.3-28.29l14.26 14.26 14.26-14.26c18.64-18.65 46.91 9.69 28.29 28.29-3.98 3.97-8.75 9.04-13.95 14.57l13.95 13.95c12.65 12.65 3.5 34.16-14.14 34.16z"
        />
    </g>
</svg>