The Phosphor cloud x icon depicts a cloud with an 'X' symbol, commonly used to represent cloud-related errors, cancellations, or deletions within a system interface.
Common uses
- Indicate a failed cloud operation
- Cancel a cloud service
- Show cloud storage deletion
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { CloudX } from '@phosphor-icons/react';
<CloudX size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<CloudX size={24} />thin
<CloudX size={24} weight="thin" />light
<CloudX size={24} weight="light" />bold
<CloudX size={24} weight="bold" />fill
<CloudX size={24} weight="fill" />duotone
<CloudX size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- serverlessbackupstorageerrorssystemcloudxcloud errorcloud deletecloud cancelsystem error
FAQ
- What does the cloud x icon represent?
- It signifies a cloud-related error, cancellation, or deletion. It's often used in system contexts to denote a problem or an action taken on cloud resources.
- How do I use the cloud x icon in React?
- You can import it directly from the library like this: import { CloudX } from '@phosphor-icons/react'. Then use it as a React component: <CloudX />.
- What is the license for this icon?
- The Phosphor icon library, including the cloud x icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.