IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Folder Icon icon - Flat | SVG & PNG Free Download

Style Variants

Folder Icon

Folder Icon icon - also known as personal, data, files, documents, man, folder, archive, folder icon, and files and folders. Created in a clean flat style with a white, silver, gray, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

files and folders

Usage Snippets

FolderIcon.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 50 50"
>
    <path
        fill="#f5b948"
        d="M38.935 8.744V9.77H3.36V6.162a2.592 2.592 0 0 1 2.592-2.591h7.338c.483 0 .952.169 1.324.478l1.958 1.625c.372.309.84.478 1.324.478h18.446a2.592 2.592 0 0 1 2.592 2.592z"
    />
    <path fill="#efefed" d="M4.82 7.648h32.65v2.12H4.82z" />
    <path fill="#fff" d="M6.12 8.668h30.05v1.1H6.12z" />
    <path
        fill="#ffca67"
        d="M41.29 12.005 39.53 34.48a2.073 2.073 0 0 1-2.067 1.912H4.833a2.073 2.073 0 0 1-2.067-1.912l-1.76-22.475A2.073 2.073 0 0 1 3.073 9.77h36.15a2.073 2.073 0 0 1 2.066 2.235z"
    />
    <circle cx="38.114" cy="35.543" r="10.886" fill="#e9715f" />
    <path
        fill="#59b1e3"
        d="M46.15 42.892c-4.338 4.72-11.74 4.712-16.079-.01 3.555-2.112 2.834-1.68 3.774-2.25v.01c.013 0 .01-.002.01.011.031.072.28.55.871 1.078 3.113 2.667 6.873.682 7.63-1.088l.01-.01h-.01l-.041-.042.051.03.643.384z"
    />
    <path
        fill="#efefed"
        d="M43.005 41.006c-2.059 3.825-8.027 3.45-9.793.008l.63-.374c1.45 3.18 7.183 3.087 8.526-.015z"
    />
    <path
        fill="#f5b948"
        d="M42.368 40.631c-1.358 3.111-7.06 3.198-8.527.007.896-.56 1.802-.908 1.802-1.94v-.93c.447.453.982.841 1.627 1.127a2.106 2.106 0 0 0 1.684 0 5.263 5.263 0 0 0 1.627-1.12v.922c0 1.028.907 1.383 1.787 1.934z"
    />
    <path
        fill="#ffca67"
        d="M42.566 32.2v1.377c-.308 1.744-1.172 4.241-3.612 5.318a2.106 2.106 0 0 1-1.684 0c-2.41-1.07-3.282-3.523-3.597-5.26v-.007l.088-1.289c1.75-.315 3.604-2.3 3.604-2.3.176.278.066 1.253.066 1.253 1.926.351 2.974-1.363 2.974-1.363.205.843 2.16 2.271 2.16 2.271z"
    />
    <path
        fill="#444445"
        d="M33.671 33.634s-.01-.084-.419-.712c-.652-1-.382-3.613 1.49-4.389l-.454-.873s1.556.146 2.623-.287c1-.406 3.961-.661 4.295 1.16 2.474-.028 2.583 3.434 1.662 4.52-.129.151-.265.358-.3.582v-1.433s-1.956-1.433-2.166-2.271c0 0-1.048 1.712-2.97 1.362 0 0 .105-.978-.07-1.257 0 0-1.851 1.991-3.598 2.306z"
    />
</svg>