Anchor Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Anchor icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/304916.svg" alt="Anchor icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304916.svg" alt="Anchor icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304916.svg" alt="Anchor icon" :width="24" :height="24" />
CSS background
.icon-anchor {
background-image: url('https://proicons.com/icon/304916.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="M888 752l-40-174c-4-20-29-28-45-14L673 685c-16 14-10 40 10 46l34 11c-20 23-44 43-71 59-30 18-63 30-98 36V466h77c10 6 21 9 32 9 32 0 58-25 58-57s-26-58-58-58c-11 0-22 3-32 9h-77v-40c52-19 89-70 89-129 0-76-62-137-137-137s-138 61-138 137c0 59 37 110 89 129v40h-77c-9-6-20-9-32-9-32 0-58 26-58 58s26 57 58 57c12 0 23-3 32-9h77v371c-34-6-68-18-98-36-27-16-51-36-71-59l34-11c20-6 26-32 11-46L196 564c-15-14-40-6-45 14l-39 174c-5 20 14 38 34 32l38-12c31 45 72 84 120 112 59 35 127 53 196 53s136-18 195-53c48-28 89-67 121-112l37 12c20 6 39-12 35-32zM537 218c-7 14-21 23-37 23-17 0-31-9-37-23-3-6-4-12-4-18 0-23 18-41 41-41s41 18 41 41c0 6-2 12-4 18z"/></svg>
Anchor in other icon packs
Copied!