Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In modern applications like Microsoft OneDrive or enterprise sync platforms, you'll see this icon when cloud services are disabled or network connectivity is lost. It appears during offline workflows where local-only operation matters, or in data management platforms where cloud disconnection requires clear visual indication for user workflow adaptation and local storage awareness.

Question 5

What does this icon communicate to users?

Accepted Answer

From a connectivity perspective, the strikethrough element communicates more than just "unavailable" - it specifically signals intentional cloud service disabling and offline mode activation. This status distinction helps in productivity applications where users need to understand they're working in local-only mode rather than experiencing temporary network issues for optimal data management strategies.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in shadcn/ui Badge components for connectivity status and Alert components for offline mode indicators. Combine it with sync status interfaces for cloud availability representation, or position within network settings for service control where offline indication enhances user awareness of data synchronization states.

Cloud Off Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons