External Link Square Arrow color outline icon
Square outline with an arrow breaking out of the top-right corner, marking an external link
Related tags
About the External Link Square Arrow color outline icon
An open square frame is crossed by a diagonal arrow that starts inside it and exits past the top-right corner, tip angled up and away. This is the standard cue for a link that opens in a new tab, a jump to an external site, or an outbound reference, so it belongs next to anchor text, in documentation, help centers, footer link lists, and data table cells.
The arrow is a solid triangle head on a tapered shaft, and it overlaps the square's edge rather than floating free, which makes the leaving-this-page idea obvious. Use it after link labels at 12 to 14 px, matching the text color rather than the accent.
This is the colour outline version of the external link square arrow icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
