Иконка Bookmark Tabs
emojione-v1:bookmark-tabs
Иконка Bookmark Tabs (emojione-v1:bookmark-tabs) — бесплатная SVG-иконка из набора Emoji One (v1) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (v1)
- Автор
- Emoji One
- Лицензия
- CC-BY-SA-4.0
- Размер
- 64 × 64
- Категория
- Предметы
- Теги
- bookmarktabs, tab
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#d0d2d3" d="M39.972 48.14c0 2.097-1.936 3.788-4.334 3.788H8.012c-2.395 0-4.334-1.691-4.334-3.788V14.01c0-2.092 1.938-3.789 4.334-3.789H35.64c2.396 0 4.334 1.696 4.334 3.789v34.13z"/><path fill="#fff" d="M37.742 45.22c0 1.834-1.701 3.322-3.8 3.322H9.712c-2.1 0-3.801-1.488-3.801-3.322V15.284c0-1.833 1.702-3.318 3.801-3.318h24.23c2.099 0 3.8 1.486 3.8 3.318z"/><path fill="#34484c" d="M10.702 20.01h21.56c1.446 0 1.446-1.963 0-1.963h-21.56c-1.451 0-1.451 1.963 0 1.963m0 3.985h21.56c1.446 0 1.446-1.959 0-1.959h-21.56c-1.451 0-1.451 1.959 0 1.959m0 4.075h21.56c1.446 0 1.446-1.961 0-1.961h-21.56c-1.451 0-1.451 1.961 0 1.961m0 3.99h21.56c1.446 0 1.446-1.963 0-1.963h-21.56c-1.451-.002-1.451 1.963 0 1.963m0 14.4h9.921c1.446 0 1.446-1.963 0-1.963h-9.921c-1.451 0-1.451 1.963 0 1.963"/><path fill="#20afc3" d="M21.482 11.966c0 3.078-2.556 5.575-5.702 5.575h-9.1c-3.149 0-5.702-2.497-5.702-5.575S3.53 6.393 6.68 6.393h9.09c3.147 0 5.703 2.494 5.703 5.573"/><path fill="#d0d2d3" d="M51.5 39.1c0 2.093-1.94 3.789-4.332 3.789H19.535c-2.392 0-4.332-1.696-4.332-3.789V4.97c0-2.09 1.94-3.786 4.332-3.786h27.633c2.392 0 4.332 1.696 4.332 3.786z"/><path fill="#fff" d="M49.27 36.19c0 1.834-1.701 3.321-3.8 3.321H21.24c-2.098 0-3.798-1.487-3.798-3.321V6.251c0-1.833 1.7-3.316 3.798-3.316h24.23c2.099 0 3.8 1.485 3.8 3.316z"/><path fill="#34484c" d="M22.22 10.972h21.556c1.452 0 1.452-1.961 0-1.961H22.22c-1.447 0-1.447 1.961 0 1.961m0 3.987h21.556c1.452 0 1.452-1.963 0-1.963H22.22c-1.447 0-1.447 1.963 0 1.963m0 4.071h21.556c1.452 0 1.452-1.963 0-1.963H22.22c-1.447 0-1.447 1.963 0 1.963m0 3.99h21.556c1.452 0 1.452-1.961 0-1.961H22.22c-1.447 0-1.447 1.961 0 1.961m0 14.404h9.922c1.446 0 1.446-1.963 0-1.963H22.22c-1.447 0-1.447 1.963 0 1.963"/><path fill="#20afc3" d="M33.35 33.03c0 3.079-2.555 5.575-5.701 5.575h-9.09c-3.152 0-5.703-2.496-5.703-5.575c0-3.078 2.55-5.572 5.703-5.572h9.09c3.147 0 5.701 2.494 5.701 5.572"/><path fill="#d0d2d3" d="M63.02 59.13c0 2.095-1.939 3.786-4.332 3.786H31.057c-2.395 0-4.336-1.691-4.336-3.786V25c0-2.092 1.941-3.789 4.336-3.789h27.632c2.394 0 4.331 1.695 4.331 3.789z"/><path fill="#fff" d="M60.79 56.22c0 1.835-1.705 3.32-3.803 3.32h-24.23c-2.098 0-3.802-1.485-3.802-3.32V26.285c0-1.835 1.705-3.319 3.802-3.319h24.23c2.098 0 3.803 1.484 3.803 3.319z"/><path fill="#34484c" d="M33.746 31.01h21.562c1.447 0 1.447-1.965 0-1.965H33.746c-1.447 0-1.447 1.965 0 1.965m0 3.983h21.562c1.447 0 1.447-1.961 0-1.961H33.746c-1.447 0-1.447 1.961 0 1.961m0 4.077h21.562c1.447 0 1.447-1.961 0-1.961H33.746c-1.447 0-1.447 1.961 0 1.961m0 3.98h21.562c1.447 0 1.447-1.962 0-1.962H33.746c-1.447 0-1.447 1.962 0 1.962m0 14.41h9.925c1.446 0 1.446-1.961 0-1.961h-9.925c-1.447 0-1.447 1.961 0 1.961"/></svg>Как использовать иконку Bookmark Tabs
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:bookmark-tabs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:bookmark-tabs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:bookmark-tabs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--bookmark-tabs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:bookmark-tabs"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:bookmark-tabs"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/bookmark-tabs.svg" alt="Иконка Bookmark Tabs" width="24" height="24">Похожие иконки в наборе Emoji One (v1)
Иконка Bookmark Tabs в других наборах
Вопросы и ответы: Иконка Bookmark Tabs
Можно ли бесплатно использовать иконку Bookmark Tabs в коммерческих проектах?
Да. Emoji One (v1) icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Bookmark Tabs в React?
Установите @iconify/react и выведите <Icon icon="emojione-v1:bookmark-tabs" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bookmark Tabs на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione-v1/bookmark-tabs.svg" alt="Иконка Bookmark Tabs">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.