The Phosphor file dashed icon depicts a document with a dashed border, commonly used to represent actions like opening a file, browsing documents, or indicating a draft state.
Common uses
- Button to open a file browser
- Link to view a document draft
- Placeholder for an empty document list
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FileDashed } from '@phosphor-icons/react';
<FileDashed size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FileDashed size={24} />thin
<FileDashed size={24} weight="thin" />light
<FileDashed size={24} weight="light" />bold
<FileDashed size={24} weight="bold" />fill
<FileDashed size={24} weight="fill" />duotone
<FileDashed size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- documentsfilesbrowsedraftopendottedofficeeditorfiledasheddocument dashedopen filebrowse filesdraft document
FAQ
- What is the file dashed icon used for?
- It signifies actions related to documents, such as opening, browsing, or indicating a draft. It's often used in office or editor contexts.
- How do I use the file dashed icon in React?
- Import it from the library and use it as a component: `import { FileDashed } from '@phosphor-icons/react'; <FileDashed />`.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Phosphor.