Skip to content

SearchIcon

const SearchIcon: 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/SearchIcon.tsx:28

Search icon component for search functionality.

A standard magnifying glass icon commonly used for search inputs, find operations, and lookup features in editor interfaces.

Example

// Basic usage
<SearchIcon />
// With custom size and color
<SearchIcon size="md" color="primary" />
// In a search input
<Input startIcon={<SearchIcon />} placeholder="Search..." />