The Phosphor folder open icon depicts an open folder, commonly used to represent a directory or location where files are stored and accessed in a user interface.
Common uses
- Opening a directory in a file explorer.
- Accessing user-uploaded files.
- Indicating a selected or active folder.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FolderOpen } from '@phosphor-icons/react';
<FolderOpen size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FolderOpen size={24} />thin
<FolderOpen size={24} weight="thin" />light
<FolderOpen size={24} weight="light" />bold
<FolderOpen size={24} weight="bold" />fill
<FolderOpen size={24} weight="fill" />duotone
<FolderOpen size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- directorydirectoriesfilesfoldersloadofficeeditorsystemfolderopenopen folder
FAQ
- What is the folder open icon used for?
- It represents an open directory or folder, often used for file management or indicating a location where files are kept.
- How do I use the folder open icon in React?
- Import it from the library like this: import { FolderOpen } from '@phosphor-icons/react'. Then use it as a component: <FolderOpen />.
- What is the license for the Phosphor folder open icon?
- The Phosphor icon library, including the folder open icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →