Иконка Notebook2

reicon:notebook2

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

Набор: Reicon
Автор: REICON
Лицензия: MIT
Размер: 24 × 24
Категория: Школа

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.818 8.272a.75.75 0 0 1 .364 1.456l-4 1a.75.75 0 1 1-.364-1.456zm0 4a.75.75 0 0 1 .364 1.456l-4 1a.75.75 0 1 1-.364-1.456zM4.272 8.818a.75.75 0 0 1 .91-.546l4 1a.75.75 0 1 1-.364 1.456l-4-1a.75.75 0 0 1-.546-.91m0 4a.75.75 0 0 1 .91-.546l4 1a.75.75 0 0 1-.364 1.456l-4-1a.75.75 0 0 1-.546-.91"/><path fill-rule="evenodd" d="M22.75 4.933c0-1.463-1.165-2.718-2.694-2.665c-1.139.04-2.626.158-3.771.501c-.995.298-2.114.88-2.987 1.385a2.77 2.77 0 0 1-2.665.058c-.996-.526-2.305-1.15-3.442-1.45c-.96-.253-2.176-.375-3.163-.436C2.47 2.231 1.25 3.5 1.25 4.998v11.146c0 1.536 1.244 2.735 2.718 2.827c.959.06 2.038.176 2.84.388c.993.261 2.22.844 3.212 1.372a4.22 4.22 0 0 0 3.96 0c.991-.528 2.219-1.11 3.211-1.372c.803-.212 1.882-.328 2.841-.388c1.474-.092 2.718-1.291 2.718-2.827zm-2.642-1.166c.615-.021 1.142.485 1.142 1.166v11.21c0 .686-.568 1.285-1.312 1.331c-.98.062-2.179.183-3.13.434c-1.17.31-2.525.962-3.533 1.5q-.253.135-.525.211V5.942c.452-.09.892-.254 1.3-.49c.85-.492 1.845-1 2.665-1.246c.95-.284 2.274-.4 3.393-.439M11.25 5.975a4.2 4.2 0 0 1-1.318-.436c-.977-.517-2.161-1.072-3.123-1.326c-.813-.215-1.907-.33-2.873-.39c-.634-.038-1.186.478-1.186 1.175v11.146c0 .685.568 1.284 1.312 1.33c.98.062 2.179.183 3.13.434c1.17.31 2.525.962 3.533 1.5q.253.135.525.211z" clip-rule="evenodd"/></g></svg>

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

React

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

<Icon icon="reicon:notebook2" width="24" />

Vue

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

<template>
  <Icon icon="reicon:notebook2" width="24" />
</template>

Svelte

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

<Icon icon="reicon:notebook2" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="reicon:notebook2"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Иконки Reicon →