ICONYZ
日本語
Custom Brand Icons の Bulb Group Centura Round アイコン

Bulb Group Centura Round アイコン

cbi:bulb-group-centura-round

Bulb Group Centura Round アイコン(cbi:bulb-group-centura-round)は、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
タグ
bulbgroup、groupcentura、centuraround、bulbgroupcenturaround
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.091 10.405c-2.046-.227-3.636-1.591-3.636-2.727c0-1.591 2.045-2.955 4.772-2.955S12 6.087 12 7.678v.454h.682V6.769a2.74 2.74 0 0 0-1.591-2.273A6.3 6.3 0 0 0 7.455 3.36a6.5 6.5 0 0 0-3.864 1.136C2.455 5.178 2 5.86 2 6.769v.682a3.44 3.44 0 0 0 1.591 2.5a8 8 0 0 0 2.045.909c0-.228.228-.228.455-.455m0-4.318a5.4 5.4 0 0 1 1.818.454A9.6 9.6 0 0 1 9.5 7.678a.84.84 0 0 1 .227.682l1.137-.228v-.454c0-1.364-1.591-2.273-3.637-2.273s-3.636.909-3.636 2.273c0 1.136 1.364 2.045 3.182 2.273c0-.228.227-.228.454-.455s.455-.227.682-.455A1.7 1.7 0 0 1 7 8.587a4.9 4.9 0 0 1-1.591-.909c-.227-.455-.454-.909-.227-1.137a1.18 1.18 0 0 1 .909-.454m7.5 5.909c-3.182 0-5.682 1.364-5.682 3.409c0 1.818 2.5 3.409 5.682 3.409s5.682-1.591 5.682-3.409c0-2.045-2.5-3.409-5.682-3.409m3.864 5c-.228.455-.682.455-1.591.682a7.8 7.8 0 0 1-2.955-.682a5.86 5.86 0 0 1-2.045-2.045a1.51 1.51 0 0 1-.455-1.591c.227-.455.682-.682 1.591-.682a5.2 5.2 0 0 1 2.5.682a5.5 5.5 0 0 1 2.5 1.818c.455.909.682 1.363.455 1.818m1.818-6.818a11.8 11.8 0 0 0-5.682-1.591a13.5 13.5 0 0 0-5.909 1.591a4.4 4.4 0 0 0-2.5 3.636v1.137a4.94 4.94 0 0 0 2.5 3.863a10.13 10.13 0 0 0 5.909 1.818a10 10 0 0 0 5.909-1.591c1.591-1.136 2.5-2.5 2.5-3.863v-1.364a5.78 5.78 0 0 0-2.727-3.636m-5.682 9.545c-4.091 0-7.5-2.045-7.5-4.545s3.409-4.546 7.5-4.546s7.5 2.046 7.5 4.546s-3.409 4.545-7.5 4.545"/></svg>

Bulb Group Centura Round アイコンの使い方

React

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

<Icon icon="cbi:bulb-group-centura-round" width="24" />

Vue

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

<template>
  <Icon icon="cbi:bulb-group-centura-round" width="24" />
</template>

Svelte

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

<Icon icon="cbi:bulb-group-centura-round" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--bulb-group-centura-round]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:bulb-group-centura-round"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:bulb-group-centura-round"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/bulb-group-centura-round.svg" alt="Bulb Group Centura Round アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Bulb Group Centura Round アイコン のよくある質問

Bulb Group Centura Round アイコンは商用利用でも無料ですか?

いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。

React で Bulb Group Centura Round アイコンを使うには?

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

Bulb Group Centura Round アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/bulb-group-centura-round.svg" alt="Bulb Group Centura Round アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Custom Brand Icons をすべて見る →