Bol アイコン
cbi:bol
Bol アイコン(cbi:bol)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 8.081v7.735h3.723c2.122 0 3.054-1.61 3.054-2.971c0-1.804-1.302-3.12-3.098-3.12c-.483 0-.946.08-1.396.25V8.081Zm14.578 0v7.735h2.283V8.08Zm-3.956 1.647c-2.447 0-3.491 1.553-3.491 3.096c0 1.463.988 3.096 3.514 3.096c2.357 0 3.469-1.508 3.469-3.096c0-1.451-.966-3.096-3.492-3.096m-7.395 1.936c.772 0 1.307.458 1.307 1.158s-.546 1.156-1.375 1.156a5 5 0 0 1-.876-.081v-2.09c.319-.103.66-.143.944-.143m7.395.002c.714 0 1.206.478 1.206 1.158s-.492 1.157-1.206 1.157c-.713 0-1.205-.476-1.205-1.157c0-.68.492-1.158 1.205-1.158m7.985 1.468a1.393 1.393 0 1 0 0 2.786a1.393 1.393 0 0 0 0-2.786"/></svg>Bol アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:bol" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:bol" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:bol" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bol]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bol"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:bol"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/bol.svg" alt="Bol アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
他のアイコンセットの Bol アイコン
Bol アイコン のよくある質問
Bol アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Bol アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:bol" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bol アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/bol.svg" alt="Bol アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。