Pixelarticons

External Link Pixel Art Icon

An arrow escaping a box for links that open in a new tab, third-party site links, and out-of-app navigation indicators.

arrows Free 4 variants

Tags

externallinkurlchainhyperlinkconnect

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the External Link icon

An arrow pointing up and to the right, partially exiting a square frame: the universally recognized marker for 'this link opens outside the current context', whether in a new tab or to a third-party site. Place it after anchor text that leaves the application so users expect a new tab. Pair it with an invisible label like '(opens in new tab)' for accessibility. It differs from upload in that navigation, not a server transfer, is implied.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/external-link.svg" width="24" height="24" alt="External Link" />

<!-- React -->
import { ExternalLink } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="external-link.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons