External link icon

A free external link icon in SVG, also found under open in new tab, outbound link and new window. Set the stroke weight and the corners, then copy the code or download the file.

Customize

1.25
Corners

SVG code

The markup below is the file that Copy and Download give you. It changes when you move the controls.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="M25 18L25 27L5 27L5 7L14 7"/>
  <path d="M20 5h7v7"/>
  <path d="M27 5 16 16"/>
</svg>

Use it from a CDN

jsDelivr serves this icon from the GitHub repository. No account and no install.

https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/external-link.svg
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/external-link.svg" width="24" height="24" alt="">

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black. Paste the markup inline to color it with CSS.

Also found under

open in new tab, outbound link, new window, launch

Search for any of these words on the home page to find this icon. It is in the arrows category. The license is MIT, free for personal and commercial use, with no attribution required.