The Phosphor file archive icon depicts a compressed file or folder, commonly used to represent actions related to archiving, zipping, or managing compressed data in a user interface.
Common uses
- Button to compress selected files
- Icon for a downloaded zip file
- Menu item for 'Extract All'
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FileArchive } from '@phosphor-icons/react';
<FileArchive size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FileArchive size={24} />thin
<FileArchive size={24} weight="thin" />light
<FileArchive size={24} weight="light" />bold
<FileArchive size={24} weight="bold" />fill
<FileArchive size={24} weight="fill" />duotone
<FileArchive size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- documentszipcompressionsystemofficeeditorfilearchivezip filecompressed folderarchive filedocument archive
FAQ
- What does the file archive icon represent?
- It represents a compressed file or archive, often used for file compression and decompression operations.
- How do I use this icon in React?
- Import it from the Phosphor library and use the FileArchive component: import { FileArchive } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the file archive 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 →