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 interface, arrows, file, document, direction, networking, transfer, archive, multimedia option, 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

multimedia option

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.813"
        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="M311.787.533a7.642 7.642 0 0 0-1.216-.235C310.08.213 309.611 0 309.12 0H74.453c-5.888 0-10.667 4.779-10.667 10.667V480c0 5.888 4.779 10.667 10.667 10.667h341.333c5.888 0 10.667-4.779 10.667-10.667V119.445c.149-.704.427-1.365.427-2.112 0-3.008-1.472-5.483-3.477-7.424-.021-.021-.043-.085-.064-.107l-1.216-1.216c-.149-.107-.213-.277-.363-.384L316.672 3.115c-1.365-1.344-3.072-2.112-4.885-2.582zm8 35.883 70.251 70.251h-70.251V36.416zM85.12 469.333v-448h213.333v96c0 5.888 4.779 10.667 10.667 10.667h96v341.333h-320z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-38.27"
        x2="-32.563"
        y1="609.505"
        y2="603.798"
        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="M351.787 362.667H164.203l45.781-45.781c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0l-63.979 63.979a11.044 11.044 0 0 0-2.325 3.477 10.58 10.58 0 0 0 0 8.149 10.378 10.378 0 0 0 2.325 3.477l63.979 63.979a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.531-3.115 4.16-4.16 4.16-10.923 0-15.083L164.203 384h187.584c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.666-10.667-10.666z"
        fill="url(#b)"
    />
    <linearGradient
        id="c"
        x1="-38.27"
        x2="-32.563"
        y1="615.505"
        y2="609.797"
        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="m359.317 237.781-63.979-63.979c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l45.781 45.781H138.453c-5.888 0-10.667 4.779-10.667 10.667S132.565 256 138.453 256h187.584l-45.803 45.781c-4.16 4.16-4.16 10.923 0 15.083a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.531-3.115l63.979-63.979a11.044 11.044 0 0 0 2.325-3.477 10.58 10.58 0 0 0 0-8.149 10.505 10.505 0 0 0-2.304-3.499z"
        fill="url(#c)"
    />
</svg>