Contrast

Usage

With Web Components

<ss-icon icon="contrast"></ss-icon>

With icon tag

<i class="ss ss-contrast"></i>

With custom stroke width / thickness

<ss-icon icon="contrast" thickness="1.2"></ss-icon>

Icon Details

Property	Value
Name	Contrast
Slug	contrast
Tags	display, accessibility, brightness, mode, theme, contrast

SVG Path

M12 2.25a9.75 9.75 0 010 19.5m0-19.5a9.75 9.75 0 000 19.5m0-19.5v19.5M8.7 2.827V21.211M5.5 4.736V19.263

Raw SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M12 2.25a9.75 9.75 0 010 19.5m0-19.5a9.75 9.75 0 000 19.5m0-19.5v19.5M8.7 2.827V21.211M5.5 4.736V19.263"></path>
</svg>

---

← Back to Icon Library