Link External Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Link External Svg 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/309529.svg" alt="Link External Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309529.svg" alt="Link External Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309529.svg" alt="Link External Svg icon" :width="24" :height="24" />
CSS background
.icon-link-external---svg {
background-image: url('https://proicons.com/icon/309529.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" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 14.9999L20 3.99994" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 3.99994H20V8.99994" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg>
Copied!