IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Folder icon - Flat | SVG & PNG Free Download

Style Variants

Folder

File And Document 56

Folder icon - also known as interface, file, document, storage, folder, office material, folders, archive, file explorer, and files and folders. Created in a clean flat style with a white, yellow, orange, and pink finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/13/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 508.276 508.276"
>
    <path
        fill="#fed23a"
        d="M481.8 508.276H26.477c-11.509 0-20.839-9.345-20.839-20.872V156.068c0-11.527 9.33-20.872 20.839-20.872H481.8c11.509 0 20.839 9.345 20.839 20.872v331.336c-.001 11.527-9.331 20.872-20.839 20.872z"
    />
    <path
        fill="#ffc600"
        d="M481.8 135.196h-40c11.509 0 20.839 9.345 20.839 20.872v331.336c0 11.527-9.33 20.872-20.839 20.872h40c11.509 0 20.839-9.345 20.839-20.872V156.068c-.001-11.527-9.331-20.872-20.839-20.872z"
    />
    <path
        fill="#fae19e"
        d="m195.363.042 248.776 24.626a9.105 9.105 0 0 1 8.164 9.957L417.029 390.96c-.459 4.634-4.602 8.018-9.254 7.557l-249.413-24.69c-4.652-.461-8.051-4.591-7.593-9.225l35.34-357.004c.459-4.633 4.602-8.017 9.254-7.556z"
    />
    <path
        fill="#ffeec2"
        d="m81.22 79.689 247.565-34.751a9.104 9.104 0 0 1 10.282 7.751l49.775 354.6c.647 4.612-2.581 8.877-7.21 9.527l-248.199 34.84c-4.629.65-8.907-2.562-9.554-7.173L74.01 89.215c-.647-4.611 2.581-8.877 7.21-9.526z"
    />
    <path
        fill="#fff9e9"
        d="m145.314 110.676 249.62-13.634a9.106 9.106 0 0 1 9.588 8.595L424.05 463.18c.254 4.65-3.324 8.626-7.992 8.881l-250.26 13.669c-4.668.255-8.658-3.308-8.912-7.958l-19.565-358.215c-.253-4.65 3.325-8.626 7.993-8.881z"
    />
    <path
        fill="#fff4d6"
        d="m424.05 463.18-19.529-357.543a9.105 9.105 0 0 0-9.588-8.595l-33.986 1.856a9.08 9.08 0 0 1 3.573 6.738l19.53 357.544c.254 4.65-3.324 8.626-7.992 8.881l-216.037 11.8a8.439 8.439 0 0 0 5.777 1.869l250.26-13.669c4.668-.255 8.246-4.232 7.992-8.881z"
    />
    <path
        fill="#fdf385"
        d="M100.454 135.196H26.477c-11.509 0-20.839 9.345-20.839 20.872v331.336c0 11.527 9.33 20.872 20.839 20.872H481.8c11.509 0 20.839-9.345 20.839-20.872V199.9H121.292z"
    />
    <g fill="#faee6e">
        <path
            d="m121.292 199.9-20.838-64.704h-40L81.292 199.9zM462.638 199.9v287.504c0 11.527-9.33 20.872-20.839 20.872h40c11.509 0 20.839-9.345 20.839-20.872V199.9z"
        />
    </g>
    <path fill="#fff9e9" d="M115.562 364.727h277.153v68.483H115.562z" />
    <path
        fill="#fae19e"
        d="M345.828 391.468h-183.38a7.5 7.5 0 0 0 0 15h183.38a7.5 7.5 0 0 0 0-15z"
    />
</svg>