Nine Bold icon
glyphs:nine-bold
The Nine Bold icon (glyphs:nine-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
- ninebold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M34 61a3 3 0 1 0 0 6zm17.986-28.952l-3-.01zM49 40v7h6v-7zM25 28v4.007h6V28zm10 33h-1v6h1zm14-33v12h6V28zm5.986 4.058L55 28.01l-6-.02l-.014 4.048zM25 32.007C25 40.287 31.713 47 39.993 47v-6A8.993 8.993 0 0 1 31 32.007zM39.993 47c8.26 0 14.965-6.681 14.993-14.942l-6-.02A8.993 8.993 0 0 1 39.993 41zM49 47c0 7.732-6.268 14-14 14v6c11.046 0 20-8.954 20-20zm-9-28a9 9 0 0 1 9 9h6c0-8.284-6.716-15-15-15zm-9 9a9 9 0 0 1 9-9v-6c-8.284 0-15 6.716-15 15z"/></svg>How to use the Nine Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:nine-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:nine-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:nine-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--nine-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:nine-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:nine-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/nine-bold.svg" alt="Nine Bold icon" width="24" height="24">Related icons in Glyphs
Nine Bold icon FAQ
Is the Nine 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 Nine Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:nine-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nine Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/nine-bold.svg" alt="Nine Bold icon">, or paste the SVG code inline to style it with CSS.