Folder Open icon
Microsoft uses it to represent collections of files. The Folder Open icon is tagged collection and analog. Similar Fluent icons include Folder Open Vertical, Folder Open Down and Open Folder.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_folder_open_24_regular.svg
Folder Open icon in React
npm install @fluentui/react-icons
import { FolderOpen24Regular } from "@fluentui/react-icons";
export function Example() {
return <FolderOpen24Regular aria-label="Folder Open" />;
}Use the Folder Open icon in React
Import FolderOpen24Regular and FolderOpen24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.
Details
| Name | Folder Open |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px, 28 px |
| Regular (outlined) file | ic_fluent_folder_open_24_regular.svg |
| Filled file | ic_fluent_folder_open_24_filled.svg |
| React (Regular) | FolderOpen16Regular, FolderOpen20Regular, FolderOpen24Regular, FolderOpen28Regular |
| React (Filled) | FolderOpen16Filled, FolderOpen20Filled, FolderOpen24Filled, FolderOpen28Filled |
| Font glyph (Regular, 24 px) | U+F42F ·  |
| Font glyph (Filled, 24 px) | U+F433 ·  |
| License | MIT (© Microsoft Corporation) |