Skip to content

ArrowRightIcon

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

Arrow Right icon component for rightward navigation and forward actions.

A standard rightward-pointing arrow commonly used for next buttons, forward navigation, and rightward movement in editor interfaces.

Example

// Basic usage
<ArrowRightIcon />
// With custom size and color
<ArrowRightIcon size="lg" color="primary" />
// In a next button
<Button icon={<ArrowRightIcon />}>Next</Button>