The Phosphor cloud arrow down icon visually represents downloading data to or from cloud storage, commonly used for indicating backup, download, or synchronization actions.
Common uses
- Download from cloud storage
- Initiate data backup
- Sync files to the cloud
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CloudArrowDown } from '@phosphor-icons/react';
<CloudArrowDown size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CloudArrowDown size={24} />thin
<CloudArrowDown size={24} weight="thin" />light
<CloudArrowDown size={24} weight="light" />bold
<CloudArrowDown size={24} weight="bold" />fill
<CloudArrowDown size={24} weight="fill" />duotone
<CloudArrowDown size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- serverlessbackupstoragedownloadsystemcloudarrowdowncloud download
FAQ
- What is the cloud arrow down icon used for?
- This icon is typically used to signify actions related to cloud storage, such as downloading files, backing up data, or synchronizing information.
- How do I use the cloud arrow down icon in React?
- You can import and use it in your React application with: `import { CloudArrowDown } from '@phosphor-icons/react'`. Then render it as a component: `<CloudArrowDown size={24} />`.
- What is the license for this icon?
- The Phosphor icon, including the cloud arrow down 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 →