Skip to content

FolderCogIcon

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

Folder Cog icon component for project-scoped settings.

A folder with a small gear overlay, commonly used to distinguish project-level settings from general application settings.

Example

// Basic usage
<FolderCogIcon />
// With custom size and color
<FolderCogIcon size="md" color="secondary" />
// In a settings sidebar entry
<Button icon={<FolderCogIcon />}>Project Settings</Button>