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/308009.svg" alt="Link External Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/308009.svg" alt="Link External Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/308009.svg" alt="Link External Svg icon" :width="24" :height="24" />
CSS background
.icon-link-external---svg {
background-image: url('https://proicons.com/icon/308009.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="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 15L20 4" stroke="#4400FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 4H20V9" stroke="#4400FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg>
Copied!