Open External Link color filled icon

SaveOpen External Link color filled icon
ColorMulticolor icon — use the Edit button on the preview to recolor
Outline
Open External Link Black Outline icon
Color filled

Rounded square with a diagonal arrow pointing out of its top right corner, in a circle

✨ Ready styles — click one to customize it in the Advanced editor

About the Open External Link color filled icon

A rounded square with a diagonal arrow breaking out of its top right corner sits inside a thin circle, the standard mark for opening a link in a new tab or window. It warns users that the destination leaves the current page. Use it in navigation menus, documentation links, footers, data table rows and terms or policy pages.

The arrow crossing the frame border is what separates this from a plain diagonal arrow, and the circle turns it into a button-ready shape. Pair it with share, download and back arrow icons. Keep it at 16-24 px when placed inline beside text.

This is the colour filled version of the open external link icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.

It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept