Pipette Pixel Art Icon
A pipette (eyedropper) icon for color-sampling tools, hex-code pickers, and 'Pick color from screen' actions.
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Pipette icon
An eyedropper or pipette, the universal symbol for sampling a color from a surface. Design tools and image editors use it for the 'Sample color' action, where clicking the tool on any pixel captures its color. It also activates a system-wide color picker on desktop operating systems. When the goal is applying color rather than capturing it, the paint-bucket reads more clearly; reach for the pipette when the user is selecting a color from existing content.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/pipette.svg" width="24" height="24" alt="Pipette" />
<!-- React -->
import { Pipette } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="pipette.svg" width="48" height="48" style="image-rendering: pixelated" />