The HugeIcons cloud off icon depicts a cloud with a slash through it, commonly used to indicate that a service is offline, unavailable, or that an application is not connected to the internet.
Common uses
- Indicate no internet connection
- Show service outage
- Represent offline mode
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CloudOffIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CloudOffIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- no connectionofflinedisconnectedservice unavailable
FAQ
- What does the cloud off icon represent?
- It signifies a disconnection from cloud services, an offline state, or an unavailable service.
- How do I use the CloudOffIcon in React?
- Import it using `import { CloudOffIcon } from '@hugeicons/core-free-icons';` and render it as `<HugeiconsIcon icon={CloudOffIcon} />`.
- What is the license for this icon?
- The HugeIcons cloud off icon is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →