Invert
13 px
26 px
39 px
inverse

Invert

invert

Interfacev1circleinvert
Open in editor

Spotted something off? Open it in the editor, fix the pixels, and submit the change for review — no account needed.

SVG

<!-- termina · invert · v1 -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13" width="13" height="13" shape-rendering="crispEdges" fill="currentColor">
  <rect x="5" y="1" width="3" height="1"/>
  <rect x="3" y="2" width="2" height="1"/>
  <rect x="7" y="2" width="3" height="1"/>
  <rect x="2" y="3" width="1" height="1"/>
  <rect x="8" y="3" width="1" height="1"/>
  <rect x="10" y="3" width="1" height="1"/>
  <rect x="2" y="4" width="1" height="1"/>
  <rect x="7" y="4" width="1" height="1"/>
  <rect x="9" y="4" width="2" height="1"/>
  <rect x="1" y="5" width="1" height="1"/>
  <rect x="8" y="5" width="1" height="1"/>
  <rect x="10" y="5" width="2" height="1"/>
  <rect x="1" y="6" width="1" height="1"/>
  <rect x="7" y="6" width="1" height="1"/>
  <rect x="9" y="6" width="1" height="1"/>
  <rect x="11" y="6" width="1" height="1"/>
  <rect x="1" y="7" width="1" height="1"/>
  <rect x="8" y="7" width="1" height="1"/>
  <rect x="10" y="7" width="2" height="1"/>
  <rect x="2" y="8" width="1" height="1"/>
  <rect x="7" y="8" width="1" height="1"/>
  <rect x="9" y="8" width="2" height="1"/>
  <rect x="2" y="9" width="1" height="1"/>
  <rect x="8" y="9" width="1" height="1"/>
  <rect x="10" y="9" width="1" height="1"/>
  <rect x="3" y="10" width="2" height="1"/>
  <rect x="7" y="10" width="3" height="1"/>
  <rect x="5" y="11" width="3" height="1"/>
</svg>

React — termina-icons

import { Invert } from "termina-icons";

<Invert size={24} />

Sprite reference — no build step

<svg width="26" height="26" fill="currentColor">
  <use href="/api/sprite.svg#termina-invert" />
</svg>

Bitmap — 169 characters

0000000000000000001110000000011001110000010000010100001000010110001000000101100100000101010010000001011000100001011000010000010100000110011100000000111000000000000000000