Иконка Notebook Square Broken

solar:notebook-square-broken

Иконка Notebook Square Broken (solar:notebook-square-broken) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Школа
Теги: notebooksquare, squarebroken, notebooksquarebroken

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M6 8.49649V13.9108C6 14.7437 6.67934 15.4151 7.50991 15.477C8.01608 15.5147 8.56248 15.5783 9 15.6852C9.83655 15.8896 10.8826 16.4009 11.4926 16.7223C11.8094 16.8892 12.1906 16.8892 12.5074 16.7223C13.1174 16.4009 14.1634 15.8896 15 15.6852C15.4375 15.5783 15.9839 15.5147 16.4901 15.477C17.3207 15.4151 18 14.7437 18 13.9108V8.45154C18 7.64543 17.3619 6.98216 16.5568 7.0217C15.9405 7.05197 15.2404 7.12099 14.7 7.27079C13.9685 7.47356 13.0752 7.95027 12.5219 8.27042C12.1976 8.4581 11.7964 8.46735 11.4646 8.29318C10.851 7.9711 9.8239 7.4721 9 7.27079C8.55592 7.16228 7.99967 7.09844 7.48717 7.06091C6.66539 7.00074 6 7.67251 6 8.49649Z"/><path stroke-linejoin="round" d="M12 8.58545V16.9998"/><path stroke-linecap="round" d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8"/></g></svg>

Как использовать иконку Notebook Square Broken

React

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

<Icon icon="solar:notebook-square-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:notebook-square-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:notebook-square-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--notebook-square-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:notebook-square-broken"></div>

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

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

<iconify-icon icon="solar:notebook-square-broken"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/notebook-square-broken.svg" alt="Иконка Notebook Square Broken" width="24" height="24">

Вопросы и ответы: Иконка Notebook Square Broken

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

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

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

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

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

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

Все Иконки Solar →