The Phosphor folder simple icon depicts a basic folder, commonly used to represent directories or file storage locations within an application's user interface.
Common uses
- File browser navigation
- Directory creation button
- Folder settings modal
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FolderSimple } from '@phosphor-icons/react';
<FolderSimple size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FolderSimple size={24} />thin
<FolderSimple size={24} weight="thin" />light
<FolderSimple size={24} weight="light" />bold
<FolderSimple size={24} weight="bold" />fill
<FolderSimple size={24} weight="fill" />duotone
<FolderSimple size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- directorydirectoriesfilesfoldersofficeeditorsystemfoldersimpledirectory iconfiles iconstorage icon
FAQ
- What is the folder simple icon used for?
- It represents a folder or directory, ideal for file management interfaces, navigation, or indicating storage locations.
- How do I use the folder simple icon in React?
- Import it from the library like so: `import { FolderSimple } from '@phosphor-icons/react'`. Then use it as a component: `<FolderSimple />`.
- What is the license for this icon?
- The Phosphor icon library, including the folder simple 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 →