IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Folder icon - Outline Color | SVG & PNG Free Download

Style Variants

Folder

Folder icon - also known as document, storage, cross mark, folder, delete, cancel, archive, ui, files and folders, and user interface. Created in a clean outline color style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

files and folders

Usage Snippets

Folder.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 28 28"
>
    <g>
        <path fill="#9dc6fb" d="M24 26H3.3A1.3 1.3 0 0 1 2 24.7V9h6l3 2h13z" />
        <path fill="#7ab8fc" d="M6.994 9H8v5H6.994z" />
        <path
            fill="#7ab8fc"
            d="M8.367 25.91V13.5H4.816a.816.816 0 0 0-.816.816V24.5a1.5 1.5 0 0 1-1.006 1.41z"
        />
        <path
            fill="#bed8fb"
            d="M5 14h21v10.292A1.708 1.708 0 0 1 24.292 26H5V14z"
        />
        <path
            fill="#9dc6fb"
            d="M25 14v10.292A1.708 1.708 0 0 1 23.292 26h1A1.708 1.708 0 0 0 26 24.292V14z"
        />
        <path fill="#f8f6f9" d="M8 14V2h13v12" />
        <path fill="#0a879f" d="M11 19h9v7h-9z" />
        <path fill="#dddaec" d="M20 2h1v12h-1z" />
        <path fill="#7ab8fc" d="M23 11h1v3h-1z" />
        <path
            fill="#dd636e"
            d="M18 8a3.5 3.5 0 0 1-3.5 3.5A3.506 3.506 0 0 1 11 8a3.5 3.5 0 0 1 2.132-3.226A3.613 3.613 0 0 1 14.5 4.5 3.5 3.5 0 0 1 18 8z"
        />
        <path
            fill="#da4a54"
            d="M14.566 4.415a3.513 3.513 0 0 0-.566.057 3.571 3.571 0 0 1 0 7.056 3.513 3.513 0 0 0 .566.057 3.585 3.585 0 0 0 0-7.17z"
        />
        <g fill="#231f20">
            <path
                d="M26 13.5h-1.5V11a.5.5 0 0 0-.5-.5h-2.5V2a.5.5 0 0 0-.5-.5H8a.5.5 0 0 0-.5.5v6.5H2a.5.5 0 0 0-.5.5v15.5a2 2 0 0 0 2 2h21a2 2 0 0 0 2-2V14a.5.5 0 0 0-.5-.5zm-4.5-2h2v2h-2zm-13-2v-7h12v11h-12zm-4 4.5v10.5a1 1 0 0 1-2 0v-15h5v4H5a.5.5 0 0 0-.5.5zM19 25.5h-8v-6h8zm6.5-1a1 1 0 0 1-1 1H20V19a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v6.5H5.231a1.984 1.984 0 0 0 .269-1v-10h20z"
            />
            <path
                d="M15.854 6.646a.5.5 0 0 0-.708 0l-.646.647-.646-.647a.5.5 0 0 0-.708.708l.647.646-.647.646a.5.5 0 0 0 .708.708l.646-.647.646.647a.5.5 0 0 0 .708-.708L15.207 8l.647-.646a.5.5 0 0 0 0-.708z"
            />
            <path
                d="M14.5 4a4.1 4.1 0 0 0-1.564.313 4 4 0 0 0-.627 7.032A3.959 3.959 0 0 0 14.5 12a4 4 0 0 0 0-8zm0 7a3 3 0 0 1-3-3 3 3 0 0 1 1.821-2.764A3.1 3.1 0 0 1 14.5 5a3 3 0 0 1 0 6z"
            />
        </g>
    </g>
</svg>