ICONYZ
日本語
Material Symbols Light の B Circle アイコン

B Circle アイコン

material-symbols-light:b-circle

B Circle アイコン(material-symbols-light:b-circle)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
ハードウェア
タグ
bcircle、b circle sharp
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.25 17.039h3.192q1.5 0 2.354-.75t.854-2.1q0-1.003-.499-1.61t-1.507-.812v-.05q.789-.184 1.242-.783q.455-.6.455-1.463q0-1.292-.806-1.904t-2.475-.611H9.25zm.942-5.678V7.852h1.868q1.215 0 1.77.413t.555 1.316q0 .886-.543 1.334q-.542.447-1.644.447zm0 4.793v-3.925h2.037q1.227 0 1.83.465q.605.465.605 1.433q0 .98-.596 1.504t-1.74.523zm-1.698 4.145q-1.642-.701-2.867-1.926t-1.926-2.867T3 12t.71-3.506t1.927-2.867t2.857-1.926T12 3t3.506.71t2.857 1.927t1.926 2.857T21 12t-.701 3.506t-1.926 2.857t-2.867 1.926T12 21t-3.506-.701"/></svg>

B Circle アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:b-circle" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:b-circle" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:b-circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--b-circle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:b-circle"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols-light:b-circle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/b-circle.svg" alt="B Circle アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

b-circle-outline アイコン
b-circle-outline
 b-circle-outline-rounded アイコン
b-circle-outline-rounded
 b-circle-rounded アイコン
b-circle-rounded
 baby-changing-station アイコン
baby-changing-station
 baby-changing-station-rounded アイコン
baby-changing-station-rounded
 baby-changing-station-sharp アイコン
baby-changing-station-sharp
 back-hand アイコン
back-hand
 back-hand-outline アイコン
back-hand-outline
 back-hand-outline-rounded アイコン
back-hand-outline-rounded
 back-hand-outline-sharp アイコン
back-hand-outline-sharp
 back-hand-rounded アイコン
back-hand-rounded
 back-hand-sharp アイコン
back-hand-sharp
 back-to-tab アイコン
back-to-tab
 back-to-tab-rounded アイコン
back-to-tab-rounded
 back-to-tab-sharp アイコン
back-to-tab-sharp
 background-dot-large アイコン
background-dot-large
 background-dot-large-outline アイコン
background-dot-large-outline
 background-dot-large-outline-sharp アイコン
background-dot-large-outline-sharp
 background-dot-large-sharp アイコン
background-dot-large-sharp
 background-dot-small アイコン
background-dot-small
 background-dot-small-outline アイコン
background-dot-small-outline
 background-dot-small-outline-sharp アイコン
background-dot-small-outline-sharp
 background-dot-small-sharp アイコン
background-dot-small-sharp
 background-grid-small アイコン
background-grid-small

他のアイコンセットの B Circle アイコン

Material Symbols の B Circle アイコン
Material Symbols

B Circle アイコン のよくある質問

B Circle アイコンは商用利用でも無料ですか?

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で B Circle アイコンを使うには?

@iconify/react をインストールして <Icon icon="material-symbols-light:b-circle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

B Circle アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/b-circle.svg" alt="B Circle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Material Symbols Light アイコン をすべて見る →