The Phosphor folder plus icon depicts a folder with a plus sign, commonly used to represent actions like creating a new folder or adding items to a directory.
Common uses
- Button to create a new folder
- Action to add a new directory
- Option to initiate a new file save location
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FolderPlus } from '@phosphor-icons/react';
<FolderPlus size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FolderPlus size={24} />thin
<FolderPlus size={24} weight="thin" />light
<FolderPlus size={24} weight="light" />bold
<FolderPlus size={24} weight="bold" />fill
<FolderPlus size={24} weight="fill" />duotone
<FolderPlus size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- directorydirectoriesfilessavewriteaddnewcreate+officeeditorsystemfolderplusnew folderadd directory
FAQ
- What does the folder plus icon represent?
- It signifies the creation of a new folder or the addition of a new directory within a file system or application interface.
- How do I use the folder plus icon in React?
- Import it from the library using `import { FolderPlus } from '@phosphor-icons/react'` and then render it as a component: `<FolderPlus />`.
- What is the license for this icon?
- The Phosphor icon library, including the folder plus 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 →