Tomato Energy アイコン
cbi:tomato-energy
Tomato Energy アイコン(cbi:tomato-energy)は、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
- タグ
- tomatoenergy
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.215 9.191a1.54 1.54 0 0 0-.39-.577a1.6 1.6 0 0 0-.595-.38l-2.467-.901a.73.73 0 0 1-.435-.931l.815-2.24a1.608 1.608 0 0 0-1.269-2.143a1.6 1.6 0 0 0-.924.132a1.57 1.57 0 0 0-.821.905l-.821 2.266a.74.74 0 0 1-.932.44l-2.436-.86a1.643 1.643 0 0 0-2.084.871a1.6 1.6 0 0 0 .934 2.14l1.675.588l-1.707 1.038a1.653 1.653 0 0 0-.632 2.165a1.58 1.58 0 0 0 .865.754l.119.037a1.58 1.58 0 0 0 1.286-.17l2.051-1.247a.56.56 0 0 1 .244-.08a.6.6 0 0 1 .252.031a.6.6 0 0 1 .214.137a.6.6 0 0 1 .132.215l.745 2.218a1.65 1.65 0 0 0 1.568 1.13a1.7 1.7 0 0 0 .398-.047a1.6 1.6 0 0 0 .581-.3a1.6 1.6 0 0 0 .41-.5a1.6 1.6 0 0 0 .183-.624a1.6 1.6 0 0 0-.079-.642l-.653-1.991l1.664.6a1.6 1.6 0 0 0 .912.086a1.6 1.6 0 0 0 .809-.426a1.61 1.61 0 0 0 .391-1.7Zm-1.126.954a.54.54 0 0 1-.274.144a.6.6 0 0 1-.339-.035l-1.8-.652a1 1 0 0 0-.544-.039a1 1 0 0 0-.492.265a1 1 0 0 0-.263.47a1 1 0 0 0 .023.543l.7 2.113a.6.6 0 0 1 .028.224a.5.5 0 0 1-.063.211a.6.6 0 0 1-.147.18a.5.5 0 0 1-.175.1a.6.6 0 0 1-.443-.065a.6.6 0 0 1-.276-.336l-.747-2.223a1.6 1.6 0 0 0-.379-.614a1.6 1.6 0 0 0-1.154-.482a1 1 0 0 0-.16.008a1.6 1.6 0 0 0-.685.226l-2.056 1.251a.5.5 0 0 1-.215.077a.6.6 0 0 1-.28-.035a.53.53 0 0 1-.29-.244a.6.6 0 0 1-.038-.437a.62.62 0 0 1 .276-.354l1.814-1.1a1 1 0 0 0 .374-.4a.99.99 0 0 0-.1-1.048a1 1 0 0 0-.451-.327l-1.8-.631a.5.5 0 0 1-.188-.115a.6.6 0 0 1-.128-.18a.58.58 0 0 1-.005-.434a.6.6 0 0 1 .311-.3a.6.6 0 0 1 .452 0l2.447.865a1.785 1.785 0 0 0 2.265-1.068l.825-2.275a.5.5 0 0 1 .107-.181a.5.5 0 0 1 .165-.123a.6.6 0 0 1 .328-.048a.57.57 0 0 1 .293.141a.56.56 0 0 1 .148.605l-.817 2.246a1.78 1.78 0 0 0 1.065 2.252l2.467.9a.6.6 0 0 1 .208.133a.7.7 0 0 1 .147.188a.6.6 0 0 1 .021.32a.56.56 0 0 1-.155.284m-.159 5.038a1.15 1.15 0 0 0-1.441.623a5.931 5.931 0 0 1-11.146-4.054a1.153 1.153 0 0 0-1.568-1.364a1.16 1.16 0 0 0-.6.6a8.23 8.23 0 0 0 4.924 10.518a8.24 8.24 0 0 0 10.556-4.938a1.14 1.14 0 0 0-.089-.839a1.16 1.16 0 0 0-.636-.546m-9.869 6.331"/></svg>Tomato Energy アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:tomato-energy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:tomato-energy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:tomato-energy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--tomato-energy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:tomato-energy"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:tomato-energy"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/tomato-energy.svg" alt="Tomato Energy アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Tomato Energy アイコン のよくある質問
Tomato Energy アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Tomato Energy アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:tomato-energy" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tomato Energy アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/tomato-energy.svg" alt="Tomato Energy アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。