Anchor Icon
Free SVG icon from the Govicons 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/304750.svg" alt="Anchor icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304750.svg" alt="Anchor icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304750.svg" alt="Anchor icon" :width="24" :height="24" />
CSS background
.icon-anchor {
background-image: url('https://proicons.com/icon/304750.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.83 46.99"><path d="M46,31.07a.26.26,0,0,0-.34-.21A11.59,11.59,0,0,0,39.31,36a.26.26,0,0,0,.29.37l1.8-.44a.26.26,0,0,1,.24.44L41,37c-3.78,3.4-4.58,4-8.09,4a3.61,3.61,0,0,1-3.31-2.11,6.93,6.93,0,0,1-.49-2.71c-.05-2.26-.1-4.52-.1-6.77l-.15-10.65H34.1a2.13,2.13,0,1,0,0-2.25H28.85c0-1,0-2,0-3a4.84,4.84,0,1,0-3,0c0,1,0,2,0,3H20.47a2.13,2.13,0,1,0,0,2.25H25.7l-.15,10.65c0,2.26-.05,4.51-.09,6.77a6.94,6.94,0,0,1-.5,2.71A3.59,3.59,0,0,1,21.66,41c-3.52,0-4.32-.6-8.1-4l-.62-.6a.26.26,0,0,1,.24-.44l1.8.44a.26.26,0,0,0,.29-.37,11.55,11.55,0,0,0-6.38-5.12.25.25,0,0,0-.33.21c-.16,1.18-.6,5.56,1,8A.26.26,0,0,0,10,39l.55-1.38a.26.26,0,0,1,.49,0c.56,1.64,2.62,5.74,9.56,8.8h0c.25.09,5.21,1.81,6.42,4.37a.29.29,0,0,0,.52,0c1.22-2.56,6.18-4.28,6.42-4.37h0c6.95-3.06,9-7.16,9.57-8.8a.26.26,0,0,1,.48,0c.18.44.4,1,.55,1.38a.26.26,0,0,0,.46,0C46.62,36.63,46.18,32.25,46,31.07ZM27.29,10.88a2,2,0,1,1,2-2A2,2,0,0,1,27.29,10.88Z" transform="translate(-8.38 -4.01)"/></svg>
More from Govicons
View all
Anchor in other icon packs
Copied!