Books Bold icon
glyphs:books-bold
The Books Bold icon (glyphs:books-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
- booksbold, book
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="M18 25a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2.998H18zm0 10.998h14v20H18zm0 28V67a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.002zM39 13a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v2.998H39zm0 10.998h14v32H39zm0 40V67a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.002z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="5" d="m59 33l10.249-1.64M59 33l5.291 33.058a14.4 14.4 0 0 1 10.272-1.496L69.249 31.36M59 33l5.66 35.362m4.59-37.002l5.66 35.362M19 24a1 1 0 0 0-1 1v2.998h14V25a1 1 0 0 0-1-1zm13 11.998H18v20h14zm-14 28V67a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.002zM40 12a1 1 0 0 0-1 1v2.998h14V13a1 1 0 0 0-1-1zm13 11.998H39v32h14zm-14 40V67a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.002z"/></g></svg>How to use the Books Bold icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:books-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:books-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:books-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--books-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:books-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:books-bold"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/books-bold.svg" alt="Books Bold icon" width="24" height="24">Related icons in Glyphs
Books Bold icon in other icon sets
Books Bold icon FAQ
Is the Books 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 Books Bold icon in React?
Install @iconify/react and render <Icon icon="glyphs:books-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Books Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/books-bold.svg" alt="Books Bold icon">, or paste the SVG code inline to style it with CSS.