IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

File icon - Gradient | SVG & PNG Free Download

Style Variants

File

File icon - also known as file, document, stats, finances, pie chart, 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

File.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 490.667 490.667"
>
    <linearGradient
        id="a"
        x1="-46.508"
        x2="-26.803"
        y1="621.256"
        y2="601.547"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1000.454 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M74.464 490.667h341.333c5.888 0 10.667-4.779 10.667-10.667V119.403c.149-.683.405-1.344.405-2.069 0-3.008-1.472-5.483-3.456-7.424-.043-.043-.043-.085-.085-.107l-1.216-1.216c-.149-.085-.213-.277-.341-.363L316.661 3.136c-1.344-1.344-3.051-2.112-4.843-2.581a8.779 8.779 0 0 0-1.301-.256c-.469-.086-.896-.299-1.386-.299H74.464c-5.888 0-10.667 4.779-10.667 10.667V480c0 5.888 4.779 10.667 10.667 10.667zM319.797 36.416l70.251 70.251h-70.251V36.416zM85.131 21.333h213.333v96c0 5.888 4.779 10.667 10.667 10.667h96v341.333h-320v-448z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-40"
        x2="-33.637"
        y1="612.417"
        y2="606.058"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1000.454 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M309.131 298.667h-74.667V224c0-5.888-4.779-10.667-10.667-10.667-52.928 0-96 43.072-96 96s43.072 96 96 96 96-43.072 96-96c0-5.888-4.778-10.666-10.666-10.666zM223.797 384c-41.173 0-74.667-33.493-74.667-74.667 0-37.547 27.861-68.715 64-73.899v73.899c0 5.888 4.779 10.667 10.667 10.667h73.92c-5.205 36.139-36.373 64-73.92 64z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="-35.346"
        x2="-30.639"
        y1="615.418"
        y2="610.711"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1000.454 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M266.464 170.667c-5.888 0-10.667 4.779-10.667 10.667v85.333c0 5.888 4.779 10.667 10.667 10.667h85.333c5.888 0 10.667-4.779 10.667-10.667 0-52.928-43.072-96-96-96zM277.131 256v-63.232c32.64 4.693 58.539 30.592 63.253 63.232h-63.253z"
        fill="url(#c)"
    />
</svg>