contrast
Contrast icon · Lucide · <Contrast />
contrastLucide tags contrast with accessibility and display. It's in Lucide's Photography and Accessibility categories; similar icons include Eclipse, Captions and Captions Off. The matching icon is contrast in Google's Material Symbols.
24 px, stroke 2
contrast.svg
Size, stroke and code
Lucide icons are drawn on a 24 px grid with a 2 px stroke. Pick a size and stroke width to preview them; the downloads and the code below follow your choice.
Stroke width
Size
Contrast icon in React
npm install lucide-react
import { Contrast } from "lucide-react";
export function Example() {
return <Contrast />;
}
Details
| Name | contrast |
|---|---|
| Component | Contrast (also ContrastIcon, LucideContrast) |
| Categories | Photography, Accessibility, Design |
| Icon font | icon-contrast, U+E09D |
| CSS content | "\e09d" |
| File | lucide-static/icons/contrast.svg |
| Grid and stroke | 24 × 24, 2 px stroke, round caps and joins |
| License | ISC License (© Lucide Icons and Contributors) |
Tags
Also in Material Symbols
ContrastGoogle's version of this icon, on Materialicons