The Standard Icon Set

Design

Color Picker icon

A diagonal eyedropper with a rounded top and a pointed tip at the lower left. Use for picking a color or sampling from the screen.

Also searched as eyedropper, dropper, sample.

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"><path d="M8.5 5.5L3 11V13H5L10.5 7.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M9.5 4.5L10.75 3.25C10.991 3.069 11.288 2.982 11.589 3.003C11.889 3.024 12.171 3.153 12.384 3.366C12.597 3.579 12.726 3.861 12.747 4.161C12.768 4.462 12.681 4.759 12.5 5L11.25 6.25M7.75 4.25L11.5 7.75" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

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