Иконка Books

openmoji:books

Иконка Books (openmoji:books) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Предметы
Теги: book

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M61.217 21.641L37.91 15.04a1 1 0 0 0-.554.002l-22.594 6.626a1 1 0 0 0-.137.072a5.383 5.383 0 0 0-1.834 9.543a5.364 5.364 0 0 0 .066 8.697a5.378 5.378 0 0 0 1.486 9.502l23.014 6.713a1 1 0 0 0 .555.002l23.306-6.652a1 1 0 0 0 .725-.961v-25.98a1 1 0 0 0-.727-.962"/><path fill="#92d3f5" d="m37.638 15.976l23.306 6.603l-23.306 6.652l-22.594-6.628z"/><path fill="#61b2e4" d="m15.082 24.728l21.994 6.446a2 2 0 0 0 1.11.004l23.296-6.765a.61.61 0 0 0 .442-.58l.019-1.25l-24.305 6.672l-22.558-6.613a4.4 4.4 0 0 0-.455 8.482l23.014 6.713l24.211-6.91l.04-1.243a.626.626 0 0 0-.797-.621l-23.449 6.692l-22.422-6.54a2.4 2.4 0 0 1-.14-4.487"/><path fill="#d22f27" d="m15.082 33.41l21.994 6.446a2 2 0 0 0 1.11.004l23.296-6.766a.61.61 0 0 0 .442-.579l.019-1.25l-24.305 6.672l-22.558-6.613a4.4 4.4 0 0 0-.455 8.482l23.014 6.713l24.211-6.91l.04-1.243a.625.625 0 0 0-.797-.621l-23.449 6.692l-22.422-6.54a2.4 2.4 0 0 1-.14-4.487"/><path fill="#5c9e31" d="M15.082 42.155L37.076 48.6a2 2 0 0 0 1.11.004l23.296-6.765a.61.61 0 0 0 .442-.58l.019-1.25l-24.305 6.672L15.08 40.07a4.4 4.4 0 0 0-.455 8.481l23.014 6.713l24.211-6.91l.04-1.242a.625.625 0 0 0-.797-.622l-23.449 6.693l-22.422-6.54a2.4 2.4 0 0 1-.14-4.488"/><path fill="#61b2e4" d="m44.32 17.794l-5.726-1.622L16 22.799l5.81 1.705z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m37.638 16l23.306 6.603l-23.306 6.652l-22.594-6.628z"/><path d="M15.08 22.643a4.4 4.4 0 0 0-.455 8.48l23.014 6.714l23.305-6.652"/><path d="M15.08 31.294a4.4 4.4 0 0 0-.455 8.481l23.014 6.714l23.305-6.652"/><path d="M15.08 40.04a4.4 4.4 0 0 0-.455 8.481l23.014 6.713l23.305-6.651"/></g></svg>

Как использовать иконку Books

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:books" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:books" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:books" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--books]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:books"></div>

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

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

<iconify-icon icon="openmoji:books"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/openmoji/books.svg" alt="Иконка Books" width="24" height="24">

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

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

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

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Иконки OpenMoji →