The Tabler contrast off icon visually represents the disabling or turning off of image contrast adjustment, commonly used to indicate that contrast settings are inactive or not applied.
Common uses
- Button to disable contrast enhancement
- Status indicator for 'contrast off' mode
- Setting to turn off image contrast filters
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconContrastOff } from '@tabler/icons-react';
<IconContrastOff size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Photography
- Keywords
- editpaintphotocontrastoffdisabledinactivecamerapictureimagephotographyno contrastcontrast disabledimage settings offpicture contrast off
FAQ
- What does the contrast off icon signify?
- This icon signifies that the contrast adjustment feature is turned off or disabled. It's used in UIs to show that contrast settings are inactive.
- How do I use the contrast off icon in React?
- You can import and use it directly in your React components like this: import { IconContrastOff } from '@tabler/icons-react'. Then render it as <IconContrastOff />.
- What is the license for the Tabler contrast off icon?
- The Tabler icons, including contrast off, are distributed under the MIT license, which allows for free use in both personal and commercial projects.
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 →