The Phosphor folder dashed icon visually represents a folder that may be temporary, missing, or in a draft state, often used to indicate a directory or file container in UI elements.
Common uses
- Indicating a temporary or draft folder.
- Representing a missing or deleted directory.
- Signifying a placeholder for a folder in a file system view.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FolderDashed } from '@phosphor-icons/react';
<FolderDashed size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FolderDashed size={24} />thin
<FolderDashed size={24} weight="thin" />light
<FolderDashed size={24} weight="light" />bold
<FolderDashed size={24} weight="bold" />fill
<FolderDashed size={24} weight="fill" />duotone
<FolderDashed size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- directorydirectoriesfilesfoldersmissingtemporarydottedofficeeditorsystemfolderdasheddirectory dashedmissing foldertemporary folderdotted folder
FAQ
- What is the folder dashed icon used for?
- It's typically used to denote a folder that is temporary, missing, or in a draft state. It can also represent a general directory or file container.
- How do I use the folder dashed icon in React?
- You can import it directly from the Phosphor library like this: import { FolderDashed } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the folder dashed 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 →