Skip to content
UI Explorations

External Link Icons

How little does an icon need to say “go outside”? Try fewer lines, shorter arrows, and a lighter footprint beside the same link text.

Controls apply to the candidates. The filled arrow has no stroke.

Side by side

Chosen icon

Northeast arrow · 18 px · 2 px stroke

Northeast arrow

A familiar outward gesture, without the box.

Choose a direction

In context

Small text: read the documentation (opens in a new tab) before getting started.

Body text: find more details on the project website (opens in a new tab) or save it for later.

Explore the full collection (opens in a new tab)

All sample links open example.com in a new tab. Try hovering, tabbing through the links, and narrowing the window to judge the icon at reading size. Right arrows and chevrons can also suggest a next step; the diagonal options give a more distinct outward cue.