The HugeIcons cellular network offline icon visually represents a lack of cellular connectivity, commonly used to indicate that a device cannot connect to the mobile network.
Common uses
- Displaying connection status in mobile apps
- Indicating an error state for network-dependent features
- Showing when a device is in airplane mode
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { CellularNetworkOfflineIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={CellularNetworkOfflineIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- no signalno servicedisconnectednetwork error
FAQ
- What does the cellular network offline icon signify?
- This icon signifies that a device is not currently connected to a cellular network. It's used to communicate a loss of mobile data or signal.
- How do I use this icon in a React application?
- Import the icon component and then render it using the HugeiconsIcon wrapper: import { HugeiconsIcon } from '@hugeicons/react'; import { CellularNetworkOfflineIcon } from '@hugeicons/core-free-icons'; render <HugeiconsIcon icon={CellularNetworkOfflineIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
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 →