SettingsIcon

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

Settings icon component for configuration and preferences.

A standard gear/cog icon commonly used for settings panels, configuration dialogs, and preference screens in editor interfaces.

Example

// Basic usage
<SettingsIcon />

// With custom size and color
<SettingsIcon size="lg" color="primary" />

// In a settings button
<Button icon={<SettingsIcon />}>Settings</Button>