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.