Font Bold icon
glyphs:font-bold
The Font Bold icon (glyphs:font-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
- fontbold
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M17 44a3 3 0 1 0 0 6zm16 6a3 3 0 1 0 0-6zm-8.415-29.689l2.88.84zM10.12 59.16a3 3 0 1 0 5.76 1.682zm15.295-38.848l-2.88.84zm8.705 40.53a3 3 0 1 0 5.76-1.682zM17 50h16v-6H17zm4.705-30.53L10.12 59.16l5.76 1.68l11.585-39.688zm.83 1.682L34.12 60.84l5.76-1.682L28.295 19.47zM25 23a2.57 2.57 0 0 1-2.465-1.848l5.76-1.681A3.43 3.43 0 0 0 25 17zm2.465-1.848A2.57 2.57 0 0 1 25 23v-6a3.43 3.43 0 0 0-3.295 2.47zM67 44h3a3 3 0 0 0-3-3zm-3 16a3 3 0 1 0 6 0zm6-11a3 3 0 1 0-6 0zm-6-5a3 3 0 1 0 6 0zM51 29a3 3 0 1 0 0 6zm-5 23a5 5 0 0 1 5-5v-6c-6.075 0-11 4.925-11 11zm5 5a5 5 0 0 1-5-5h-6c0 6.075 4.925 11 11 11zm5 0h-5v6h5zm8-8a8 8 0 0 1-8 8v6c7.732 0 14-6.268 14-14zm0-5v5h6v-5zm-13 3h16v-6H51zm19 13V49h-6v11zm0-16v-1h-6v1zM56 29h-4.866v6H56zm-4.866 0H51v6h.134zM70 43c0-7.732-6.268-14-14-14v6a8 8 0 0 1 8 8z"/></svg>How to use the Font Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:font-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:font-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:font-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--font-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:font-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:font-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/font-bold.svg" alt="Font Bold icon" width="24" height="24">Related icons in Glyphs
Font Bold icon in other icon sets
Font Bold icon FAQ
Is the Font 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 Font Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:font-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Font Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/font-bold.svg" alt="Font Bold icon">, or paste the SVG code inline to style it with CSS.