Bookmark Tabs アイコン

Q: Bookmark Tabs アイコンは商用利用でも無料ですか?

はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

emojione-v1:bookmark-tabs

Bookmark Tabs アイコン(emojione-v1:bookmark-tabs)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: 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 コード

<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>

Web コンポーネント

<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 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Bookmark Tabs アイコンを使うには?

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (v1) アイコンをすべて見る →