Link Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Link 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/306005.svg" alt="Link icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306005.svg" alt="Link icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306005.svg" alt="Link icon" :width="24" :height="24" />
CSS background
.icon-link {
background-image: url('https://proicons.com/icon/306005.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M894 196c-28-30-57-60-87-88-64-60-160-61-224-1-46 42-89 88-133 132l-1 1c0 1 0 2 1 2h6c39 0 76 8 110 27 6 3 8 1 12-2 25-26 50-51 76-76 24-24 57-24 81 0 25 24 50 49 74 74 24 24 24 57 1 80-77 78-154 155-232 232-7 7-16 12-25 14-22 7-40-1-56-17-21-20-42-41-62-61-6-7-17-7-23 0l-54 54c-6 6-6 17 0 23 22 23 44 46 67 68 63 61 165 61 228 0l75-75c56-56 113-111 167-169 57-59 56-158-1-218zM548 758h-2c-40 0-78-8-113-27-5-4-8-1-11 2-25 26-50 51-75 76-25 24-58 24-83-1-23-23-46-46-70-69-29-29-29-60 0-89l223-222c2-3 4-5 7-7 17-16 42-20 62-8 7 3 14 9 19 15 20 20 40 40 60 59 6 7 17 7 23 0 18-18 37-36 55-55 7-6 7-16 0-23-25-25-51-52-78-76-61-52-155-49-213 5-42 39-81 80-121 120-42 42-85 83-126 127-57 61-56 158 1 220 28 30 57 59 87 87 63 60 160 61 223 2 46-43 90-89 134-133l1-1c0-1-1-2-3-2z"/></svg>
Link in other icon packs
Copied!