Skip to content

ExternalLinkIcon

const ExternalLinkIcon: 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/ExternalLinkIcon.tsx:23

External link icon — a box with an arrow exiting the top-right corner.

Use for links that open in a new tab/window or otherwise navigate outside the current surface. For an in-app link (chain shape) use LinkIcon instead.

Example

<Link href="https://example.com" target="_blank">
Docs <ExternalLinkIcon size="sm" decorative />
</Link>