Skip to content

EyeDropperIcon

const EyeDropperIcon: NamedExoticComponent<Omit<{ children: ReactNode; className?: string; color?: IconColor; decorative?: boolean; ref?: Ref<SVGSVGElement>; size?: IconSize; testId?: string; title?: string; }, "children">>

Defined in: src/components/Icons/EyeDropperIcon.tsx:28

EyeDropper icon component for color sampling actions.

A pipette/eyedropper icon commonly used for color picking, sampling colors from the canvas, and color-related tools in editor interfaces.

Example

// Basic usage
<EyeDropperIcon />
// With custom size and color
<EyeDropperIcon size="md" color="primary" />
// In a color picker button
<Button icon={<EyeDropperIcon />}>Pick Color</Button>