What is the contrast icon used for?

It's typically used in UI to represent settings for screen contrast or accessibility features that adjust visual clarity.

How do I use the contrast icon in React?

You can import and use it like this: import { Contrast } from 'lucide-react'

What is the license for the Lucide contrast icon?

The Lucide icon library, including the contrast icon, is available under the ISC license.

contrast icon

Lucide · contrast · ISC

Download SVG

The Lucide contrast icon visually represents the difference in brightness between light and dark areas, commonly used to indicate settings related to display contrast or accessibility options.

Common uses

Adjusting screen contrast settings
High contrast mode toggle
Accessibility feature indicator

Use it in React

Install

npm i lucide-react

Import & render

import { Contrast } from 'lucide-react';

<Contrast size={24} />

Details

Library: Lucide (1,713 icons)
License: ISC
viewBox: 0 0 24 24
Keywords: displayaccessibilitycontrastbrightnessvisibilitydisplay settingsvisual clarity

FAQ

What is the contrast icon used for?: It's typically used in UI to represent settings for screen contrast or accessibility features that adjust visual clarity.
How do I use the contrast icon in React?: You can import and use it like this: import { Contrast } from 'lucide-react'
What is the license for the Lucide contrast icon?: The Lucide icon library, including the contrast icon, is available under the ISC license.

Related icons

The same idea in other libraries, and near matches in Lucide.

tabler

Looking for something else? Search Lucide 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 →