Anchor Bold icon
glyphs:anchor-bold
The Anchor Bold icon (glyphs:anchor-bold) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- anchorbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" d="m40 68l-.976 2.837a3 3 0 0 0 1.952 0zm-4.22-1.452l-.977 2.837zM43 26.928a3 3 0 0 0-6 0zm1.22 39.62l-.975-2.837zm22.4-15.087a3 3 0 1 0-5.24-2.922zm-48-2.922a3 3 0 1 0-5.24 2.922zm22.356 16.624l-4.22-1.452l-1.953 5.674l4.221 1.452zM37 26.928V68h6V26.928zm3.976 43.909l4.22-1.452l-1.951-5.674l-4.221 1.452zm4.22-1.452A39.1 39.1 0 0 0 66.62 51.46l-5.24-2.922A33.1 33.1 0 0 1 43.245 63.71zm-8.44-5.674A33.1 33.1 0 0 1 18.62 48.54l-5.24 2.922a39.1 39.1 0 0 0 21.423 17.924z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="m16 42l5 8H11l4.883-7.813zm48 0l5 8H59l4.883-7.813zM36.536 14a6.93 6.93 0 0 1 6.928 0v0a6.93 6.93 0 0 1 3.464 6v0a6.93 6.93 0 0 1-3.464 6v0a6.93 6.93 0 0 1-6.928 0v0a6.93 6.93 0 0 1-3.464-6v0a6.93 6.93 0 0 1 3.464-6M32 36h16"/></g></svg>How to use the Anchor Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:anchor-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:anchor-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:anchor-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--anchor-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:anchor-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:anchor-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/anchor-bold.svg" alt="Anchor Bold icon" width="24" height="24">Related icons in Glyphs
Anchor Bold icon in other icon sets
Anchor Bold icon FAQ
Is the Anchor Bold icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Anchor Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:anchor-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Anchor Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/anchor-bold.svg" alt="Anchor Bold icon">, or paste the SVG code inline to style it with CSS.