IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Gradient | SVG & PNG Free Download

Style Variants

Document

Document icon - also known as interface, file, document, archive, files and folders, and business and finance. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

files and folders

business and finance

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="412pt"
    height="412pt"
    viewBox="-26 0 411 412"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#00efd1" />
        <stop offset="1" stop-color="#00acea" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="105.502"
        x2="105.502"
        y1="-19.288"
        y2="421.92"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="256.002"
        x2="256.002"
        y1="-19.288"
        y2="421.92"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="179.502"
        x2="179.502"
        y1="-19.288"
        y2="421.92"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="111.321"
        x2="111.321"
        y1="-19.288"
        y2="421.92"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M169.504 97c0-3.313-2.688-6-6-6h-116c-3.316 0-6 2.688-6 6v59c0 3.313 2.684 6 6 6h116c3.312 0 6-2.688 6-6zm-116 6h104v47h-104zm0 0"
    />
    <path
        fill="url(#c)"
        d="M317.504 97c0-3.313-2.688-6-6-6h-111c-3.317 0-6 2.688-6 6v59c0 3.313 2.683 6 6 6h111c3.312 0 6-2.688 6-6zm-12 53h-99v-47h99zm0 0"
    />
    <path
        fill="url(#d)"
        d="M317.504 194c0-3.313-2.688-6-6-6h-264c-3.317 0-6 2.688-6 6v48c0 3.313 2.683 6 6 6h264c3.312 0 6-2.688 6-6zm-12 42h-252v-36h252zm0 0"
    />
    <path
        fill="url(#e)"
        d="M47.43 288h127.78c3.317 0 6-2.688 6-6s-2.683-6-6-6H47.43c-3.313 0-6 2.688-6 6s2.687 6 6 6zm0 0"
    />
    <g fill="url(#d)">
        <path
            d="M311.574 316H47.43c-3.313 0-6 2.688-6 6s2.687 6 6 6h264.144c3.313 0 6-2.688 6-6s-2.687-6-6-6zM311.574 356H47.43c-3.313 0-6 2.688-6 6s2.687 6 6 6h264.144c3.313 0 6-2.688 6-6s-2.687-6-6-6zm0 0"
        />
        <path
            d="M352.68 25h-35.176V6c0-3.313-2.688-6-6-6-3.316 0-6 2.688-6 6v19h-32V6c0-3.313-2.688-6-6-6-3.316 0-6 2.688-6 6v19h-32V6c0-3.313-2.688-6-6-6-3.316 0-6 2.688-6 6v19h-32V6c0-3.313-2.688-6-6-6-3.316 0-6 2.688-6 6v19h-32V6c0-3.313-2.688-6-6-6-3.316 0-6 2.688-6 6v19h-32V6c0-3.313-2.688-6-6-6-3.316 0-6 2.688-6 6v19h-32V6c0-3.313-2.688-6-6-6-3.316 0-6 2.688-6 6v19H6.324a5.522 5.522 0 0 0-4.129 1.523 5.51 5.51 0 0 0-1.691 4.063v375.387A5.87 5.87 0 0 0 6.324 412H352.68a5.882 5.882 0 0 0 4.175-1.793 5.889 5.889 0 0 0 1.649-4.234V30.586c.023-1.531-.59-3-1.695-4.063a5.522 5.522 0 0 0-4.13-1.523zm-6.176 375h-334V37h29v15c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6V37h32v15c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6V37h32v15c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6V37h32v15c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6V37h32v15c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6V37h32v15c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6V37h32v15c0 3.313 2.683 6 6 6 3.312 0 6-2.688 6-6V37h29zm0 0"
        />
    </g>
</svg>