IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Folder icon - Gradient | SVG & PNG Free Download

Style Variants

Folder

User Interface 1870

Folder icon - also known as check, folder, office material, archive, file storage, data storage, ui, 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

office material

files and folders

Usage Snippets

Folder.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#f93563" />
        <stop offset="1" stop-color="#fad31c" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="408.592"
        y2="103.408"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="256"
        x2="256"
        y1="370.959"
        y2="232.269"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="256"
        x2="256"
        y1="325.009"
        y2="278.243"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M254.12 147.857c-17.157 0-21.818-15.343-35.898-30.036-7.528-9.16-18.647-14.412-30.503-14.412h-72.463c-21.775 0-39.492 17.718-39.492 39.492v226.198c0 21.775 17.718 39.492 39.492 39.492h281.488c21.775 0 39.492-17.718 39.492-39.492v-181.75c0-21.775-17.718-39.492-39.492-39.492zm142.624 244.938H115.256c-13.066 0-23.695-10.629-23.695-23.695V219.028H420.44v150.071c-.001 13.067-10.63 23.696-23.696 23.696zm23.695-205.446v15.882H91.561v-60.33c0-13.066 10.629-23.695 23.695-23.695h72.463a23.6 23.6 0 0 1 18.3 8.647c12.422 12.271 21.127 35.802 48.101 35.802h142.624c13.066-.001 23.695 10.628 23.695 23.694z"
    />
    <path
        fill="url(#c)"
        d="M206.98 252.604c-15.261 15.261-22.454 36.399-19.735 57.993 7.164 56.87 77.192 80.635 117.775 40.052 15.261-15.261 22.454-36.399 19.735-57.993-7.041-55.89-76.613-81.204-117.775-40.052zm86.868 86.876c-31.707 31.697-85.492 12.344-90.929-30.857-2.106-16.715 3.448-33.063 15.234-44.849 31.46-31.46 85.442-12.741 90.929 30.857 2.105 16.714-3.448 33.063-15.234 44.849z"
    />
    <path
        fill="url(#d)"
        d="m272.856 280.557-25.385 25.381-8.327-8.327a7.896 7.896 0 0 0-11.169 0 7.896 7.896 0 0 0 0 11.169l13.911 13.915a7.897 7.897 0 0 0 11.169 0l30.969-30.969c3.085-3.085 3.085-8.084 0-11.169s-8.083-3.085-11.168 0z"
    />
</svg>