Иконка Notebook Bookmark Bold Duotone

solar:notebook-bookmark-bold-duotone

Иконка Notebook Bookmark Bold Duotone (solar:notebook-bookmark-bold-duotone) — бесплатная 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
Категория: Школа
Теги: notebookbookmark, bookmarkbold, boldduotone, notebookbookmarkboldduotone

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M14.25 4.47954L14.25 7.5372C14.2498 7.64842 14.2496 7.80699 14.2709 7.9431C14.2969 8.10951 14.3824 8.43079 14.7151 8.62611C15.0355 8.81422 15.3488 8.74436 15.4978 8.69806C15.6276 8.6577 15.77 8.58988 15.8762 8.5393L17 8.00545L18.1238 8.5393C18.23 8.58987 18.3724 8.6577 18.5022 8.69806C18.6512 8.74436 18.9645 8.81422 19.2849 8.62611C19.6176 8.43079 19.7031 8.10952 19.7291 7.9431C19.7504 7.807 19.7502 7.64845 19.75 7.53723L19.75 3.0313C19.8628 3.026 19.9736 3.02152 20.0818 3.01775C21.1536 2.98041 21.9998 3.86075 21.9998 4.93319V16.1436C21.9998 17.2546 21.0938 18.1535 19.985 18.2228C19.0155 18.2835 17.8765 18.402 16.9998 18.6334C15.9184 18.9187 15.0106 19.7008 13.6274 20.0692C13.0013 20.236 12.3029 20.3257 12 20.3925V5.17387C12.3208 5.0953 13.3822 4.97142 13.6737 4.80275C13.8579 4.6961 14.0512 4.58732 14.25 4.47954ZM19.7276 12.8181C19.8281 13.2199 19.5837 13.6271 19.1819 13.7276L15.1819 14.7276C14.7801 14.8281 14.3729 14.5837 14.2724 14.1819C14.1719 13.7801 14.4163 13.3729 14.8181 13.2724L18.8181 12.2724C19.2199 12.1719 19.6271 12.4163 19.7276 12.8181Z" clip-rule="evenodd"/><path d="M18.25 3.15101C17.63 3.22431 17.0204 3.33159 16.4998 3.48744C16.2583 3.55975 16.0062 3.65141 15.75 3.7564V3.95002V6.93859L16.4993 6.58266L16.5081 6.57822C16.5571 6.55316 16.7636 6.44757 17 6.44757C17.0475 6.44757 17.0939 6.45184 17.138 6.45887C17.3131 6.48679 17.4527 6.5582 17.4919 6.57822L17.5007 6.58265L18.25 6.93859V3.64665V3.15101Z"/><path d="M12 5.21395C11.6658 5.15047 10.9426 5.05264 10.2823 4.87544C8.9381 4.51475 8.04921 3.76429 7 3.48742C6.11349 3.25349 4.95877 3.13488 3.9824 3.07487C2.8863 3.0075 2 3.89961 2 4.99778V16.1436C2 17.2545 2.90605 18.1534 4.01486 18.2228C4.98428 18.2834 6.12329 18.402 7 18.6333C7.48596 18.7616 8.21615 19.0645 8.87295 19.3592C9.87752 19.81 10.9247 20.1556 12 20.3926V5.21395Z" opacity=".5"/><path d="M4.27257 12.8183C4.37303 12.4164 4.78023 12.1721 5.18208 12.2726L9.18208 13.2726C9.58393 13.373 9.82825 13.7802 9.72778 14.1821C9.62732 14.5839 9.22012 14.8282 8.81828 14.7278L4.81828 13.7278C4.41643 13.6273 4.17211 13.2201 4.27257 12.8183Z"/><path d="M5.18208 8.27257C4.78023 8.17211 4.37303 8.41643 4.27257 8.81828C4.17211 9.22012 4.41643 9.62732 4.81828 9.72778L8.81828 10.7278C9.22012 10.8282 9.62732 10.5839 9.72778 10.1821C9.82825 9.78023 9.58393 9.37303 9.18208 9.27257L5.18208 8.27257Z"/></g></svg>

Как использовать иконку Notebook Bookmark Bold Duotone

React

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

<Icon icon="solar:notebook-bookmark-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:notebook-bookmark-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:notebook-bookmark-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--notebook-bookmark-bold-duotone]"></span>

UnoCSS

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

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

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

<iconify-icon icon="solar:notebook-bookmark-bold-duotone"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/notebook-bookmark-bold-duotone.svg" alt="Иконка Notebook Bookmark Bold Duotone" width="24" height="24">

Вопросы и ответы: Иконка Notebook Bookmark Bold Duotone

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

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

Как использовать иконку Notebook Bookmark Bold Duotone в React?

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

Как добавить иконку Notebook Bookmark Bold Duotone на веб-страницу?

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

Все Иконки Solar →