Иконка Book Reader

uil:book-reader

Иконка Book Reader (uil:book-reader) — бесплатная SVG-иконка из набора Unicons от Iconscout. Она нарисована на сетке 24 × 24. Unicons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Unicons
Автор: Iconscout
Лицензия: Apache-2.0
Размер: 24 × 24
Категория: Пользователи
Теги: bookreader

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.18 10.19A12 12 0 0 0 18 10c-.42 0-.83 0-1.24.08a5.9 5.9 0 0 0-1.91-1.65a3.8 3.8 0 0 0 1-2.57a3.86 3.86 0 0 0-7.72 0a3.8 3.8 0 0 0 1 2.57a6.1 6.1 0 0 0-1.91 1.64C6.83 10 6.42 10 6 10a12 12 0 0 0-2.18.21a1 1 0 0 0-.82 1v8.25a1 1 0 0 0 .36.77a1 1 0 0 0 .82.22A10 10 0 0 1 6 20.23a9.9 9.9 0 0 1 5.45 1.63l.13.05A1.1 1.1 0 0 0 12 22a.9.9 0 0 0 .28-.05h.07l.13-.05A9.9 9.9 0 0 1 18 20.23a10 10 0 0 1 1.82.18a1 1 0 0 0 .82-.22a1 1 0 0 0 .36-.77v-8.25a1 1 0 0 0-.82-.98M12 4a1.86 1.86 0 0 1 0 3.71A1.86 1.86 0 0 1 12 4m-1 15.33a11.9 11.9 0 0 0-5-1.1c-.33 0-.66 0-1 .05V12a9.6 9.6 0 0 1 2.52.05h.11A10 10 0 0 1 11 13.33Zm1-7.73a12 12 0 0 0-1.38-.68h-.06c-.33-.13-.66-.26-1-.36A4 4 0 0 1 12 9.69a4 4 0 0 1 2.44.85A12.4 12.4 0 0 0 12 11.6m7 6.68a11.6 11.6 0 0 0-6 1v-6a9.8 9.8 0 0 1 3.37-1.22h.2A9.4 9.4 0 0 1 19 12Z"/></svg>

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

React

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

<Icon icon="uil:book-reader" width="24" />

Vue

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

<template>
  <Icon icon="uil:book-reader" width="24" />
</template>

Svelte

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

<Icon icon="uil:book-reader" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[uil--book-reader]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/uil -->
<div class="i-uil:book-reader"></div>

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

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

<iconify-icon icon="uil:book-reader"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Unicons →