The Lucide cloud off icon depicts a cloud with a slash through it, commonly used to indicate a loss of internet connection or that a service is unavailable.
Common uses
- Displaying offline status for a cloud-synced application.
- Indicating a failed connection to a remote server.
- Signifying that a cloud-based feature is currently disabled.
Use it in React
Install
npm i lucide-reactImport & render
import { CloudOff } from 'lucide-react';
<CloudOff size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- disconnectcloudoffofflineno connectiondisconnectedserver down
FAQ
- What does the cloud off icon represent?
- It visually represents a disconnection from a cloud service or a lack of internet connectivity.
- How do I use the cloud off icon in React?
- You can import it from the 'lucide-react' library like this: import { CloudOff } from 'lucide-react'.
- What is the license for this icon?
- The Lucide icon library, including the cloud off icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →