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/307704.svg" alt="Link External icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/307704.svg" alt="Link External icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/307704.svg" alt="Link External icon" :width="24" :height="24" />
CSS background
.icon-link-external {
background-image: url('https://proicons.com/icon/307704.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"> <g clip-path="url(#clip0)"> <path d="M11 3.99994H4V17.9999C4 19.1045 4.89543 19.9999 6 19.9999H18C19.1046 19.9999 20 19.1045 20 17.9999V12.9999" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 14.9999L20 3.99994" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 3.99994H20V8.99994" stroke="#292929" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg>
Link External in other icon packs
Copied!