Link Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Link 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/309528.svg" alt="Link Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309528.svg" alt="Link Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309528.svg" alt="Link Svg icon" :width="24" :height="24" />
CSS background
.icon-link---svg {
background-image: url('https://proicons.com/icon/309528.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="M8 11.9999H16" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9 7.99994H6C3.79086 7.99994 2 9.7908 2 11.9999C2 14.2091 3.79086 15.9999 6 15.9999H9" stroke="#292929" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15 7.99994H18C20.2091 7.99994 22 9.7908 22 11.9999C22 14.2091 20.2091 15.9999 18 15.9999H15" 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!