External link icon

arrowsinterfacealso known as open in new, new tab, outbound
Colors byColorchord

Tap an icon to copy its SVG · copies stay currentColor at 24px — the swatches only tint the preview.

When to use it

The box with an arrow escaping through the corner: this link leaves the current site or app. Use it inline after the link text at roughly cap height, and reserve it for genuinely external destinations — decorating every link kills the signal. Heroicons names it arrow-top-right-on-square and Phosphor arrow-square-out, so don't give up when 'external' returns nothing.

Every set here is open-licensed for commercial use with no attribution required in your product — the notices their licenses do require live on our set pages. No accounts, no download walls.
From usKeychord— keyboard shortcuts for every app

Related icons