IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Lineal Gradient | SVG & PNG Free Download

Style Variants

Document

Software and Application

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

7/14/2025

Tags

files and folders

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="7.635"
        x2="511.214"
        y1="492.365"
        y2="-11.214"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#003f8a" />
        <stop offset=".518" stop-color="#00d7df" />
        <stop offset="1" stop-color="#006df0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-94.365"
        x2="409.214"
        y1="390.365"
        y2="-113.214"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-30.365"
        x2="473.214"
        y1="454.365"
        y2="-49.214"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-18.365"
        x2="485.214"
        y1="466.365"
        y2="-37.214"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-6.365"
        x2="497.214"
        y1="478.365"
        y2="-25.214"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="29.635"
        x2="533.214"
        y1="514.365"
        y2="10.786"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M476 64h-96.69l-53.65-53.66A8.008 8.008 0 0 0 320 8H128a8 8 0 0 0-8 8v48H36A28.031 28.031 0 0 0 8 92v304a28.031 28.031 0 0 0 28 28h153.39l-11.42 40H144a8 8 0 0 0-8 8v24a8 8 0 0 0 8 8h224a8 8 0 0 0 8-8v-24a8 8 0 0 0-8-8h-33.97l-11.42-40H476a28.031 28.031 0 0 0 28-28V92a28.031 28.031 0 0 0-28-28zM328 35.31 364.69 72H328zM136 24h176v56a8 8 0 0 0 8 8h56v248H136zm224 456v8H152v-8zm-165.39-16 11.42-40h99.94l11.42 40zM488 396a12.01 12.01 0 0 1-12 12H36a12.01 12.01 0 0 1-12-12v-20h464zm0-36H24V92a12.01 12.01 0 0 1 12-12h84v264a8 8 0 0 0 8 8h256a8 8 0 0 0 8-8V80h84a12.01 12.01 0 0 1 12 12z"
    />
    <path
        fill="url(#b)"
        d="M160 144h88a8 8 0 0 0 8-8V48a8 8 0 0 0-8-8h-88a8 8 0 0 0-8 8v88a8 8 0 0 0 8 8zm8-88h72v72h-72z"
    />
    <path fill="url(#c)" d="M352 160H160a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" />
    <path fill="url(#d)" d="M352 184H160a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16z" />
    <path
        fill="url(#e)"
        d="M352 208H160a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16zM160 248h144a8 8 0 0 0 0-16H160a8 8 0 0 0 0 16z"
    />
    <g fill="url(#f)">
        <path
            d="M352 280H160a8 8 0 0 0 0 16h192a8 8 0 0 0 0-16zM304 304H160a8 8 0 0 0 0 16h144a8 8 0 0 0 0-16z"
        />
    </g>
</svg>