Icône Book Bold
glyphs:book-bold
L'icône Book Bold (glyphs:book-bold) est une icône SVG gratuite de la collection Glyphs par Goran Spasojevic. Elle est dessinée sur une grille de 80 × 80. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Glyphs
- Auteur
- Goran Spasojevic
- Licence
- MIT
- Taille
- 80 × 80
- Mots-clés
- bookbold
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M22 11h41.02a.98.98 0 0 1 .98.98v44.77a.25.25 0 0 1-.25.25H22a6 6 0 0 0-5.995 5.75c0 .005-.005.005-.005 0V17a6 6 0 0 1 6-6" clip-rule="evenodd"/><path d="m16.005 62.75l2.998.123zM63.02 8H22v6h41.02zM67 11.98A3.98 3.98 0 0 0 63.02 8v6A2.02 2.02 0 0 1 61 11.98zm0 44.77V11.98h-6v44.77zM63.75 60A3.25 3.25 0 0 0 67 56.75h-6A2.75 2.75 0 0 1 63.75 54zM58 60h5.75v-6H58zm0-6H27.75v6H58zm-30.25 0H22v6h5.75zM22 54a9 9 0 0 0-8.992 8.627l5.995.246A3 3 0 0 1 22 60zm-9-37v45.75h6V17zm9-9a9 9 0 0 0-9 9h6a3 3 0 0 1 3-3zm-8.992 54.627c.028-.687.55-2.705 2.778-2.866A3 3 0 0 1 19 62.75h-6a3.005 3.005 0 0 0 3.219 2.996c2.231-.161 2.755-2.181 2.784-2.873z"/><path d="m63.376 59.145l-2.306-1.92zm0 7.61l-2.306 1.92zM67 68.75v-.452h-6v.452zM63.75 72A3.25 3.25 0 0 0 67 68.75h-6A2.75 2.75 0 0 1 63.75 66zm-.25 0h.25v-6h-.25zM22 72h41.5v-6H22zm-9-9a9 9 0 0 0 9 9v-6a3 3 0 0 1-3-3zm9-9a9 9 0 0 0-9 9h6a3 3 0 0 1 3-3zm41.938 0H22v6h41.938zM67 57.063A3.063 3.063 0 0 0 63.938 54v6A2.937 2.937 0 0 1 61 57.063zm0 .539v-.54h-6v.54zm-2 5.348c0-.72.254-1.373.68-1.885l-4.61-3.84A8.93 8.93 0 0 0 59 62.95zm.68 1.885A2.93 2.93 0 0 1 65 62.95h-6c0 2.174.78 4.174 2.07 5.725zM61 57.602a.9.9 0 0 1 .064-.354c.023-.052.034-.056.006-.023l4.61 3.84c.654-.785 1.32-1.974 1.32-3.463zm6 10.696c0-1.49-.666-2.678-1.32-3.463l-4.61 3.84c.028.033.017.03-.006-.023a.9.9 0 0 1-.064-.354z"/></g></svg>
Comment utiliser l'icône Book Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:book-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:book-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:book-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--book-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:book-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:book-bold"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/glyphs/book-bold.svg" alt="Icône Book Bold" width="24" height="24">
Icônes similaires dans Glyphs
L'icône Book Bold dans d'autres collections
FAQ : Icône Book Bold
L'icône Book Bold est-elle gratuite pour un usage commercial ?
Oui. Les Glyphs icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Book Bold dans React ?
Installez @iconify/react et affichez <Icon icon="glyphs:book-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Book Bold à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/glyphs/book-bold.svg" alt="Icône Book Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Glyphs →
