Skip to content

FolderOpenIcon

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

Folder Open icon component for opened directory states.

An open folder with an angled front flap, commonly paired with the closed FolderIcon for project switchers, file explorer reveals, and breadcrumbs.

Example

// Basic usage
<FolderOpenIcon />
// With custom size and color
<FolderOpenIcon size="lg" color="primary" />
// In a switch project action
<Button icon={<FolderOpenIcon />}>Switch Project</Button>