Pixelarticons

Invert 2 Pixel Art Icon

An alternate invert icon for color inversion, negative image effects, and contrast-reversal controls in image editors.

design Pro 4 variants

Tags

invert

Style variants

base

Outline · rounded corners

Get Pro

sharp

Outline · sharp corners

Get Pro

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Invert 2 icon

A second take on the inversion concept, likely differing slightly in geometry from the base invert icon. It serves the same core purpose: triggering a color or value inversion in image editors, accessibility panels, and design tools. Use it when the first invert variant does not fit visually alongside neighboring icons. Both icons carry identical meaning, so choose based on visual consistency within your toolbar rather than any functional distinction.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/invert-2.svg" width="24" height="24" alt="Invert 2" />

<!-- React -->
import { Invert2 } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="invert-2.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons