Иконка Bookmark

game-icons:bookmark

Иконка Bookmark (game-icons:bookmark) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m161.22 19.563l-2.5 5.375l-106.44 225.5l-1 2.093c-24.493 28.208-34.917 58.587-33.593 88.19c1.38 30.852 15.12 60.388 36.376 86.81l2.812 3.5h49.72c4.817-3.836 8.93-7.817 12.405-12.03a73 73 0 0 0 4.875-6.656H65.97c-17.813-23.187-28.526-47.848-29.626-72.438c-1.123-25.11 7.337-50.594 29.937-76.125h431.876l-5.25-12.874l-91.844-225.5l-2.375-5.843H161.22zm11.843 18.687h177.343l52.656 41.594l38.407 94.28l-58.845 70.94H75.47zM75.156 282.625c-15.31 18.98-20.975 37.778-20.125 56.438c.84 18.398 8.276 36.95 20.5 54.468h57.19c4.392-13.517 6.344-29.847 6.78-50.436h-16.188v-18.688h16.313v-.187h115.749v.186h17.156v18.688h-17.25c-.287 17.8-1.447 34.638-4 50.437h221.626c-9.034-36.872-9.112-74.006-.03-110.905H75.155zm83 60.28c-.77 37.698-6.46 65.83-24.72 87.97c-14.595 17.7-36.19 30.747-67.28 42.813c8.69 1.658 17.214 3.225 26.53 5.25c14.048 3.052 27.912 6.338 39.033 9.25c5.56 1.455 10.44 2.826 14.374 4.062c1.94.61 3.533 1.074 5.03 1.625c35.245-13.464 55.78-32.897 68.345-58.72c11.944-24.55 16.287-55.713 16.936-92.25h-78.25zm89.25 69.44c-1.632 6.425-3.532 12.668-5.812 18.686h257.03v-18.686H247.407z"/></svg>

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

React

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

<Icon icon="game-icons:bookmark" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:bookmark" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:bookmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--bookmark]"></span>

UnoCSS

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

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

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

<iconify-icon icon="game-icons:bookmark"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/game-icons/bookmark.svg" alt="Иконка Bookmark" width="24" height="24">

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

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

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

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

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

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

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

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

Все Game Icons →