The Phosphor files icon depicts a stack of documents and is commonly used to represent file management, document lists, or general document-related actions in a user interface.
Common uses
- Button to open a file explorer
- Indicator for a list of documents
- Menu item for 'My Files'
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Files } from '@phosphor-icons/react';
<Files size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Files size={24} />thin
<Files size={24} weight="thin" />light
<Files size={24} weight="light" />bold
<Files size={24} weight="bold" />fill
<Files size={24} weight="fill" />duotone
<Files size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- office
- Keywords
- documentsopenlibraryofficeeditorfilesdocuments iconfolder iconpaper stack icondocument stack
FAQ
- What does the Phosphor files icon represent?
- It represents a stack of documents, typically used for file management or document-related actions.
- How do I use the files icon in React?
- You can import and use it like this: import { Files } from '@phosphor-icons/react'; <Files size={32} />
- What is the license for the Phosphor files icon?
- The Phosphor icon library, including the files 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 →