Bitfocus アイコン
cbi:bitfocus
Bitfocus アイコン(cbi:bitfocus)は、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="M10.289 2.143A10.002 10.002 0 1 0 21.51 15.109A10.022 10.022 0 0 0 10.289 2.143m4.723 2.902a1.598 1.598 0 1 1 1.42 2.305a1.623 1.623 0 0 1-1.42-2.305m-3.286 14.008c-.033 0-.06-.191-.06-.424v-.423l-.58-.055a5.44 5.44 0 0 1-4.171-2.459c-.986-1.263-.961-1.148-.347-1.614l.489-.371l.149.2c.081.109.45.585.82 1.056a3.94 3.94 0 0 0 3.171 1.853h.46l.026-.462l.026-.464l1.294.764a14 14 0 0 1 1.31.828a24 24 0 0 1-2.587 1.571m1.218-10.059c.646.384 1.227.749 1.292.809c.1.09-.114.245-1.205.892l-1.322.784l-.026-.485l-.026-.483l-1.222.035a3.57 3.57 0 0 0-1.936.354a7 7 0 0 1-.783.318a2.7 2.7 0 0 1-.472-1.199a6.03 6.03 0 0 1 3.278-.784h1.144V8.77c0-.584-.117-.605 1.278.224m-2.406 5.322a6.25 6.25 0 0 1-3.296-.783a3.15 3.15 0 0 1 .444-1.199c.023 0 .395.144.826.321a3.94 3.94 0 0 0 1.969.351l1.183.033v-.484c0-.57-.181-.618 1.537.404c.948.564 1.129.7 1.032.793c-.119.111-2.464 1.508-2.532 1.508a1.6 1.6 0 0 1-.037-.474v-.473Zm2.465-7.404l-1.291.768l-.026-.478l-.026-.478l-.644.049c-1.257.095-2.023.583-3.097 1.978c-.411.531-.771.999-.799 1.031a2.9 2.9 0 0 1-1.023-.713a7 7 0 0 1 .763-1.116a5.32 5.32 0 0 1 4.235-2.538l.58-.057v-.921l1.328.79a10 10 0 0 1 1.312.854a15 15 0 0 1-1.312.831m3.443 12.486a1.563 1.563 0 0 1-1.571-1.775a1.587 1.587 0 1 1 1.571 1.775m-.689-6.833a2.05 2.05 0 0 1 1.398-.014a1.598 1.598 0 1 1-1.398.014m.741-1.427a1.47 1.47 0 0 1-1.482-.878a1.591 1.591 0 1 1 1.482.878"/></svg>Bitfocus アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:bitfocus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:bitfocus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:bitfocus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bitfocus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bitfocus"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:bitfocus"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/bitfocus.svg" alt="Bitfocus アイコン" width="24" height="24">Bitfocus アイコン のよくある質問
Bitfocus アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Bitfocus アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:bitfocus" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bitfocus アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/bitfocus.svg" alt="Bitfocus アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。