Иконка Book Bold

glyphs:book-bold

Иконка Book Bold (glyphs:book-bold) — бесплатная SVG-иконка из набора Glyphs от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Glyphs
Автор: Goran Spasojevic
Лицензия: MIT
Размер: 80 × 80
Теги: bookbold

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:book-bold"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/glyphs/book-bold.svg" alt="Иконка Book Bold" width="24" height="24">

Иконка Book Bold в других наборах

Вопросы и ответы: Иконка Book Bold

Можно ли бесплатно использовать иконку Book Bold в коммерческих проектах?

Да. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Book Bold в React?

Установите @iconify/react и выведите <Icon icon="glyphs:book-bold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Book Bold на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs/book-bold.svg" alt="Иконка Book Bold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Glyphs →