Skip to content

FilterIcon

const FilterIcon: 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/FilterIcon.tsx:27

Filter icon component for filtering and sorting actions.

A standard filter icon commonly used for filtering content, applying search filters, and data sorting in editor interfaces.

Example

// Basic usage
<FilterIcon />
// With custom size and color
<FilterIcon size="md" color="primary" />
// In a filter button
<Button icon={<FilterIcon />}>Filter</Button>