Eyedropper icon
Microsoft uses it in color picking scenarios. The Eyedropper icon is tagged drop, color and selection. Similar Fluent icons include Eyedropper Off, Color Background and Color Background Accent.
Every size and style
Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.
Regular, 24 px
ic_fluent_eyedropper_24_regular.svg
Eyedropper icon in React
npm install @fluentui/react-icons
import { Eyedropper24Regular } from "@fluentui/react-icons";
export function Example() {
return <Eyedropper24Regular aria-label="Eyedropper" />;
}Use the Eyedropper icon in React
Import Eyedropper24Regular and Eyedropper24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.
Details
| Name | Eyedropper |
|---|---|
| Styles | Regular (outlined), Filled |
| Sizes | 16 px, 20 px, 24 px |
| Regular (outlined) file | ic_fluent_eyedropper_24_regular.svg |
| Filled file | ic_fluent_eyedropper_24_filled.svg |
| React (Regular) | Eyedropper16Regular, Eyedropper20Regular, Eyedropper24Regular |
| React (Filled) | Eyedropper16Filled, Eyedropper20Filled, Eyedropper24Filled |
| Font glyph (Regular, 24 px) | U+E5FE ·  |
| Font glyph (Filled, 24 px) | U+E60B ·  |
| License | MIT (© Microsoft Corporation) |