eye dropper icon

Common uses

• Color selection tool
• Eyedropper functionality
• Style picker

Use it in React

npm i @heroicons/react

import { EyeDropperIcon } from '@heroicons/react/24/outline';

<EyeDropperIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<EyeDropperIcon className="size-6" />

<EyeDropperIcon className="size-6" />

<EyeDropperIcon className="size-6" />

<EyeDropperIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

eyedroppercolor pickereyedropperselect color

FAQ

What is the purpose of the eye dropper icon?

It signifies a tool for selecting colors, often used in design applications or web development tools to pick colors from the interface or an image.

How do I use the eye dropper icon in React?

You can import it from Heroicons as: import { EyeDropperIcon } from '@heroicons/react/24/outline'. Then use it as a React component.

What is the license for the Heroicons eye dropper icon?

The Heroicons library, including the eye dropper icon, is available under the MIT license.

Related icons

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