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 user, file, document, application, curriculum, archive, resume, 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/24/2025

Tags

files and folders

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.519"
        x2="-26.814"
        y1="621.256"
        y2="601.547"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1000.671 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M74.453 490.667h341.333c5.888 0 10.667-4.779 10.667-10.667V119.403c.149-.683.427-1.344.427-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.672 3.136c-1.344-1.344-3.051-2.112-4.864-2.603a13.478 13.478 0 0 0-1.28-.256C310.037.213 309.611 0 309.12 0H74.453c-5.888 0-10.667 4.779-10.667 10.667V480c.001 5.888 4.779 10.667 10.667 10.667zM319.787 36.416l70.251 70.251h-70.251V36.416zM85.12 21.333h213.333v96c0 5.888 4.779 10.667 10.667 10.667h96v341.333h-320v-448z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-38.977"
        x2="-31.857"
        y1="612.625"
        y2="605.504"
        gradientTransform="matrix(21.3333 0 0 -21.3333 1000.671 13315.223)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M279.232 285.973c11.648-9.792 19.221-24.277 19.221-40.64 0-29.397-23.915-53.333-53.333-53.333s-53.333 23.936-53.333 53.333c0 16.363 7.573 30.848 19.221 40.64-23.979 12.459-40.555 37.205-40.555 66.027v42.667c0 5.888 4.779 10.667 10.667 10.667h128c5.888 0 10.667-4.779 10.667-10.667V352c0-28.821-16.576-53.568-40.555-66.027zm-66.112-40.64c0-17.643 14.357-32 32-32s32 14.357 32 32-14.357 32-32 32-32-14.357-32-32zM298.453 384H191.787v-32c0-29.397 23.915-53.333 53.333-53.333s53.333 23.936 53.333 53.333v32z"
        fill="url(#b)"
    />
</svg>