Skip to content

ArrowLeftIcon

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

Arrow Left icon component for leftward navigation and back actions.

A standard leftward-pointing arrow commonly used for back buttons, previous navigation, and leftward movement in editor interfaces.

Example

// Basic usage
<ArrowLeftIcon />
// With custom size and color
<ArrowLeftIcon size="lg" color="primary" />
// In a back button
<Button icon={<ArrowLeftIcon />}>Back</Button>