What does the eyedropper sample icon represent?

It represents a color-sampling tool used to pick colors from a digital interface or image.

How do I use this icon in React?

Import it using `import { EyedropperSample } from '@phosphor-icons/react';` and then use it as a component: ` `.

This icon is distributed under the MIT license.

Phosphor · eyedropper-sample · MIT

The Phosphor eyedropper sample icon depicts a tool used to select colors from an image or screen, commonly found in design software and editors.

Install

npm i @phosphor-icons/react

Import & render

import { EyedropperSample } from '@phosphor-icons/react';

<EyedropperSample size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<EyedropperSample size={24} />

thin

<EyedropperSample size={24} weight="thin" />

light

<EyedropperSample size={24} weight="light" />

bold

<EyedropperSample size={24} weight="bold" />

fill

<EyedropperSample size={24} weight="fill" />

duotone

<EyedropperSample size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: design
Keywords: colorscolor pickerartsdesigneditorobjectseyedroppersamplecolor samplerpaint dropperselect color

What does the eyedropper sample icon represent?: It represents a color-sampling tool used to pick colors from a digital interface or image.
How do I use this icon in React?: Import it using `import { EyedropperSample } from '@phosphor-icons/react';` and then use it as a component: `<EyedropperSample />`.
What is the license for this icon?: This icon is distributed under the MIT license.

The same idea in other libraries, and near matches in Phosphor.

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →