Иконка Curator Bookmarks
selfhst:curator-bookmarks
Иконка Curator Bookmarks (selfhst:curator-bookmarks) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- selfh.st/icons
- Автор
- selfh.st
- Лицензия
- CC-BY-4.0
- Размер
- 512 × 512
- Теги
- curatorbookmarks, bookmark
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M115 0h282c63.5 0 115 51.5 115 115v282c0 63.5-51.5 115-115 115H115C51.5 512 0 460.5 0 397V115C0 51.5 51.5 0 115 0"/><path d="M397 512H115C51.6 512 0 460.4 0 397V115C0 51.6 51.6 0 115 0h282c63.4 0 115 51.6 115 115v282c0 63.4-51.6 115-115 115M115 11.2C57.7 11.2 11.2 57.7 11.2 115v282c0 57.2 46.5 103.8 103.8 103.8h282c57.2 0 103.8-46.5 103.8-103.8V115c0-57.2-46.5-103.8-103.8-103.8zm153.6 116.5q30.15 0 58.2 13.2c8.8 4.1 14.9 6.2 18.4 6.2c2.5 0 6.5-.6 12-1.9q2.7-.6 6-.6c7.2 0 13.4 3.3 18.8 9.9q19.8 24 19.8 59.4c0 16.6-5.7 28.8-17.1 36.5c-6.2 4.1-13.1 6.2-20.8 6.2q-10.5 0-17.1-4.5c-4.4-3-8.7-8.4-12.8-16.1c-5.9-10.9-10.7-18.6-14.4-23.3c-3.7-4.8-8.3-9.1-13.6-13c-13.3-9.4-27.3-14-41.9-14c-14.2 0-25.4 5.2-33.8 15.5c-8.3 10.2-12.4 23.9-12.4 41.1c0 23.7 6 45.3 17.9 65c16.2 26.3 39.5 39.4 69.7 39.4c11.1 0 22.1-1.9 33-5.6c11-3.7 19.5-8.5 25.6-14.4c5.2-5 9.5-7.4 12.8-7.4c4.8 0 8.9 2.3 12.4 6.8c3.4 4.4 5.2 9.8 5.2 16.1c0 8-2.4 16.9-7.2 26.8s-10.6 17.7-17.3 23.3c-2.9 2.3-8.9 4.4-17.9 6.2c-5.2 1-12.2 3.5-20.8 7.6c-20.4 9.8-41.5 14.6-63.5 14.6c-23 0-45.9-5.2-68.7-15.5c-26.5-12-47.5-30.3-62.9-55.1c-15.6-24.1-23.2-49.3-23.2-75.5c0-30.5 9.5-58.4 28.5-83.6c16.5-21.9 38-38.6 64.6-50.1c20.2-8.8 41.1-13.2 62.5-13.2"/></svg>Как использовать иконку Curator Bookmarks
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:curator-bookmarks" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:curator-bookmarks" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:curator-bookmarks" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--curator-bookmarks]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:curator-bookmarks"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:curator-bookmarks"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/selfhst/curator-bookmarks.svg" alt="Иконка Curator Bookmarks" width="24" height="24">Похожие иконки в наборе selfh.st/icons
Вопросы и ответы: Иконка Curator Bookmarks
Можно ли бесплатно использовать иконку Curator Bookmarks в коммерческих проектах?
Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Curator Bookmarks в React?
Установите @iconify/react и выведите <Icon icon="selfhst:curator-bookmarks" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Curator Bookmarks на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/curator-bookmarks.svg" alt="Иконка Curator Bookmarks">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.