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.