Иконка Bookmark Off Bold

solar:bookmark-off-bold

Иконка Bookmark Off Bold (solar:bookmark-off-bold) — бесплатная 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
Категория: Школа
Теги: bookmarkoff, offbold, bookmarkoffbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.4696 1.46964C21.7625 1.17677 22.2373 1.17681 22.5302 1.46964C22.823 1.76254 22.8231 2.23731 22.5302 2.53019L2.53019 22.5302C2.23731 22.8231 1.76254 22.823 1.46964 22.5302C1.17681 22.2373 1.17677 21.7625 1.46964 21.4696L3.1132 19.8251C3.00201 18.9519 2.99991 17.7413 2.99991 16.0907V11.0976C2.99991 6.809 3.00026 4.66424 4.31827 3.33195C5.63631 1.99996 7.75764 1.99991 11.9999 1.99991C16.202 1.99991 18.3227 2.00041 19.6435 3.29484L21.4696 1.46964ZM20.8876 6.56827C20.9999 7.73848 20.9999 9.21056 20.9999 11.0976V16.0907C20.9999 19.1873 20.9996 20.7355 20.2655 21.412C19.9154 21.7346 19.4736 21.9373 19.0028 21.9911C18.0158 22.104 16.8628 21.0848 14.5575 19.0458C13.5386 18.1445 13.0289 17.6939 12.4394 17.5751C12.1492 17.5167 11.8506 17.5167 11.5605 17.5751C10.971 17.6939 10.4613 18.1445 9.4423 19.0458C7.51415 20.7512 6.39195 21.743 5.49894 21.956L20.8876 6.56827Z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

Иконка Bookmark Off Bold в других наборах

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

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

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

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

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

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

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

Все Иконки Solar →