ICONYZ
日本語
Custom Brand Icons の Scene Energize アイコン

Scene Energize アイコン

cbi:scene-energize

Scene Energize アイコン(cbi:scene-energize)は、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
タグ
sceneenergize
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.418 2.007c-2.833-.106-5.708 1.01-7.653 3.101C2.07 7.861 1.241 12.227 2.74 15.776c1.464 3.686 5.284 6.277 9.257 6.223a9.9 9.9 0 0 0 4.438-1.041c3.504-1.697 5.798-5.577 5.546-9.47c-.152-4.003-2.98-7.714-6.783-8.957a9.4 9.4 0 0 0-2.781-.524m8.409 8.171a9.1 9.1 0 0 1-.006 3.625c-.739 3.881-4.298 6.986-8.246 7.177c-3.766.299-7.523-2.075-8.91-5.58l8.115-4.122v3.3Z"/></svg>

Scene Energize アイコンの使い方

React

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

<Icon icon="cbi:scene-energize" width="24" />

Vue

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

<template>
  <Icon icon="cbi:scene-energize" width="24" />
</template>

Svelte

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

<Icon icon="cbi:scene-energize" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--scene-energize]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:scene-energize"></div>

Web コンポーネント

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

<iconify-icon icon="cbi:scene-energize"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/cbi/scene-energize.svg" alt="Scene Energize アイコン" width="24" height="24">

Custom Brand Icons の関連アイコン

Scene Energize アイコン のよくある質問

Scene Energize アイコンは商用利用でも無料ですか?

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

React で Scene Energize アイコンを使うには?

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

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

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

Custom Brand Icons をすべて見る →