The Tabler details off icon depicts a geometric shape, often a triangle, with a line through it, typically used to indicate that detailed information or a specific view is currently hidden or disabled.
Common uses
- Toggling off detailed view in a table
- Disabling a 'show details' functionality
- Indicating an inactive or unavailable option
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconDetailsOff } from '@tabler/icons-react';
<IconDetailsOff size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- geometrichalfshapehighlighttriangledetailsoffdisabledinactivesystemhide detailscollapseless infoview off
FAQ
- What is the purpose of the details off icon?
- It visually signifies that a feature related to showing or accessing details is turned off, hidden, or disabled.
- How do I use the details off icon in React?
- You can import and use it like this: import { IconDetailsOff } from '@tabler/icons-react'; <IconDetailsOff />.
- What is the license for the Tabler details off icon?
- The Tabler icons, including details off, are 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 →