The Tabler circle off icon depicts a circle with a diagonal line through it, commonly used to indicate that a feature or option is disabled, turned off, or unavailable.
Common uses
- Toggle switch in the 'off' position
- Indication of a disabled or non-functional button
- Representing a 'no' or 'cancel' action within a circular context
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleOff } from '@tabler/icons-react';
<IconCircleOff size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- offzerocircledisabledinactiveroundcirculargeometryformfigureshapesdisabled circleinactive roundcircle disabledoff symbol
FAQ
- What does the circle off icon represent?
- It visually signifies a state of being off, disabled, inactive, or unavailable, often used for toggles or options.
- How do I use the circle off icon in React?
- You can import and use it directly with the following statement: import { IconCircleOff } from '@tabler/icons-react'.
- What is the license for the Tabler circle off icon?
- The Tabler icon library, including the circle off icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →