Иконка Douban Read

thesvg:douban-read

Иконка Douban Read (thesvg:douban-read) — бесплатная SVG-иконка из набора theSVG от thesvg.org. Она нарисована на сетке 24 × 24. theSVG icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG
Автор: thesvg.org
Лицензия: MIT
Размер: 24 × 24
Теги: doubanread

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16.056 3c-4.128 0-5.432 3.97-7.994 5.966l-.152.115c-.828.607-1.787 1.005-3.012 1.005C2.009 10.083.38 7.855 0 6.435c0 1.098.177 2.248.499 3.397C2.049 15.403 6.96 21 11.41 21c5.206 0 8.985-5.428 10.127-9.556c.369-1.332 1.204-2.478 2.368-3.178l.095-.06l-.14-.054l-.001.004c-1.144-.453-2.082-1.308-2.72-2.384c-.983-1.65-2.984-2.77-5.083-2.77m2.705 3.75c.379.008.702.358.736.822c.037.496-.269.933-.683.976c-.412.041-.775-.325-.811-.82s.267-.93.68-.976zm-4.609 2.252a2.46 2.46 0 0 1 1.048.714c1.487 1.825.403 4.62-1.368 5.858c-2.196 1.616-5.202.876-7.382-.379a9.5 9.5 0 0 1-2.775-2.433a10 10 0 0 1-.672-1.021c-.011-.018.015-.035.027-.019c1.391 1.977 3.554 3.302 5.904 3.715c.947.144 1.903.24 2.794-.036c1.532-.524 2.903-1.736 3.334-3.329c.321-1.088.026-2.33-.938-3.019c-.028-.017 0-.064.028-.052"/></svg>

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

React

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

<Icon icon="thesvg:douban-read" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:douban-read" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:douban-read" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--douban-read]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:douban-read"></div>

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

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

<iconify-icon icon="thesvg:douban-read"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg/douban-read.svg" alt="Иконка Douban Read" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки theSVG →