The Standard Icon Set

Design

Compare Split icon

A rounded square split by a vertical line, with the right half filled solid. Use for before and after comparison or split view.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="2.5" y="3.5" width="11" height="9" rx="1" stroke="currentColor" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 2V14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M8 3.5H12.5C12.77 3.5 13.02 3.605 13.21 3.793C13.39 3.98 13.5 4.235 13.5 4.5V11.5C13.5 11.765 13.39 12.02 13.21 12.207C13.02 12.395 12.77 12.5 12.5 12.5H8V3.5Z" fill="currentColor"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.