Link External Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Link External icon is commonly used in URL inputs, reference sections and developer tools. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/309224.svg" alt="Link External icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309224.svg" alt="Link External icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309224.svg" alt="Link External icon" :width="24" :height="24" />
CSS background
.icon-link-external {
background-image: url('https://proicons.com/icon/309224.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 4H4V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V13" stroke="#292929" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 15L20 4" stroke="#292929" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 4H20V9" stroke="#292929" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Link External in other icon packs
Copied!