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 document, paper, documents, approval, approve, proposal, archives, sheets, paperwork, and files and folders. Created in a clean gradient style, 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 506.569 506.569"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#4800bf" />
        <stop offset="1" stop-color="#e5a100" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="335.428"
        x2="400.789"
        y1="981.257"
        y2="981.257"
        gradientTransform="matrix(0 8 -8 0 8103.338 -2691.577)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="335.428"
        x2="400.789"
        y1="961.854"
        y2="961.854"
        gradientTransform="matrix(0 8 -8 0 8103.338 -2691.577)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="335.428"
        x2="400.789"
        y1="981.258"
        y2="981.258"
        gradientTransform="matrix(0 8 -8 0 8103.338 -2691.577)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="335.428"
        x2="400.789"
        y1="993.513"
        y2="993.513"
        gradientTransform="matrix(0 8 -8 0 8103.338 -2691.577)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="335.428"
        x2="400.789"
        y1="972.066"
        y2="972.066"
        gradientTransform="matrix(0 8 -8 0 8103.338 -2691.577)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="335.428"
        x2="400.789"
        y1="975.13"
        y2="975.13"
        gradientTransform="matrix(0 8 -8 0 8103.338 -2691.577)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="335.428"
        x2="400.789"
        y1="994.534"
        y2="994.534"
        gradientTransform="matrix(0 8 -8 0 8103.338 -2691.577)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="i"
        x1="335.428"
        x2="400.789"
        y1="978.194"
        y2="978.194"
        gradientTransform="matrix(0 8 -8 0 8103.338 -2691.577)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M424.85 311.961V8.185a8.17 8.17 0 0 0-8.17-8.17H89.872a8.17 8.17 0 0 0-8.17 8.17V245.12H8.17A8.17 8.17 0 0 0 0 253.29v155.234c.027 27.062 21.959 48.994 49.021 49.021h274.715c27.048 46.861 86.964 62.921 133.824 35.873 46.861-27.048 62.921-86.964 35.873-133.824a97.967 97.967 0 0 0-68.583-47.633zM81.702 408.524c0 18.049-14.632 32.681-32.681 32.681S16.34 426.573 16.34 408.524V261.461h65.362zm32.681-49.021v16.34h201.804a96.459 96.459 0 0 0-4.24 16.34H114.383v16.34h196.085a97.402 97.402 0 0 0 5.719 32.681H85.46a48.769 48.769 0 0 0 12.582-32.681V16.355H408.51v294.127a97.458 97.458 0 0 0-54.078 16.34H196.085v16.34H335.64a98.162 98.162 0 0 0-11.904 16.34H114.383zM408.51 490.226c-45.123 0-81.702-36.579-81.702-81.702s36.579-81.702 81.702-81.702 81.702 36.579 81.702 81.702c-.05 45.102-36.6 81.653-81.702 81.702z"
    />
    <path
        fill="url(#c)"
        d="m443.584 353.727-51.415 51.415-18.734-18.734a8.17 8.17 0 0 0-11.553 0l-24.511 24.511a8.17 8.17 0 0 0 0 11.553l49.021 49.021a8.17 8.17 0 0 0 11.553 0l81.702-81.702a8.17 8.17 0 0 0 0-11.553l-24.511-24.511a8.168 8.168 0 0 0-11.552 0zm-51.415 100.436-37.468-37.468 12.958-12.958 18.734 18.734a8.17 8.17 0 0 0 11.553 0l51.415-51.415 12.958 12.958z"
    />
    <path
        fill="url(#d)"
        d="M204.255 32.695h98.042v16.34h-98.042zM163.404 65.376h179.744v16.34H163.404z"
    />
    <path
        fill="url(#e)"
        d="M122.553 179.759h65.362a8.17 8.17 0 0 0 8.17-8.17v-65.362a8.17 8.17 0 0 0-8.17-8.17h-65.362a8.17 8.17 0 0 0-8.17 8.17v65.362a8.17 8.17 0 0 0 8.17 8.17zm8.17-65.362h49.021v49.021h-49.021z"
    />
    <path fill="url(#f)" d="M261.446 98.057h130.723v16.34H261.446z" />
    <path fill="url(#g)" d="M212.425 163.418h179.744v16.34H212.425z" />
    <path
        fill="url(#d)"
        d="M114.383 196.099h277.786v16.34H114.383zM114.383 228.78h277.786v16.34H114.383z"
    />
    <path
        fill="url(#h)"
        d="M171.574 261.461h-49.021a8.17 8.17 0 0 0-8.17 8.17v65.362a8.17 8.17 0 0 0 8.17 8.17h49.021a8.17 8.17 0 0 0 8.17-8.17v-65.362a8.17 8.17 0 0 0-8.17-8.17zm-8.17 65.361h-32.681v-49.021h32.681z"
    />
    <path fill="url(#d)" d="M196.085 261.461h114.383v16.34H196.085z" />
    <path fill="url(#i)" d="M196.085 294.141h163.404v16.34H196.085z" />
</svg>