The Phosphor download icon visually represents the action of transferring data from a remote source to a local device, commonly used to initiate file downloads or indicate download progress.
Common uses
- Download button
- File saving indicator
- Data transfer status
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Download } from '@phosphor-icons/react';
<Download size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Download size={24} />thin
<Download size={24} weight="thin" />light
<Download size={24} weight="light" />bold
<Download size={24} weight="bold" />fill
<Download size={24} weight="fill" />duotone
<Download size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- savedsavingarchivedarchivingarchivaldownloadeddownloadinghard drivedisksystemdownloadsave iconget file iconarchive icon
FAQ
- What is the Phosphor download icon used for?
- It signifies the action of downloading files or data. It's often used on buttons or to indicate that a download is in progress or has been completed.
- How do I use the download icon in React?
- You can import and use it like this: import { Download } from '@phosphor-icons/react'; <Download size={32} />
- What is the license for the Phosphor download icon?
- The Phosphor icon library, including the download 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 →