The Tabler circle rectangle off icon visually represents a geometric shape that is disabled or inactive, often used to indicate a deactivated feature or a non-selectable option.
Common uses
- Disabling a 'save' button when a form is incomplete.
- Showing a feature that is not currently available.
- Indicating a selected state that has been deselected.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconCircleRectangleOff } from '@tabler/icons-react';
<IconCircleRectangleOff size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- shapegeometricgeometryfigurecirclerectangleoffdisabledinactiveroundshapesdisabled shapeinactive geometriccircle and rectangle offdeactivated figure
FAQ
- What does the circle rectangle off icon represent?
- It depicts a geometric shape, specifically a circle combined with a rectangle, in a visually 'off' or inactive state. It's commonly used to signify disabled or unavailable options in a user interface.
- How do I use the circle rectangle off icon in React?
- You can import and use it in your React application like this: import { IconCircleRectangleOff } from '@tabler/icons-react'. Then, render the component: <IconCircleRectangleOff />.
- What is the license for this icon?
- The Tabler icon library, including the circle rectangle off icon, is available 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 →