Energy Web アイコン
token:energy-web
Energy Web アイコン(token:energy-web)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- energyweb
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 3a9 9 0 1 0 0 18a9 9 0 0 0 0-18m-.405 13.435c-.49.35-1.074.542-1.676.549c-1.04 0-1.993-.563-2.715-1.603a6.4 6.4 0 0 1-1.041-3.337a.11.11 0 0 1 .073-.102l.708-.317a.11.11 0 0 1 .122.02q.015.017.023.037c0 .015.014.029.014.043c0 1.18.318 2.297.882 3.121c.534.78 1.228 1.2 1.95 1.2c.391 0 .774-.116 1.098-.333a.12.12 0 0 1 .144.03c.144.187.29.36.448.533a.16.16 0 0 1-.03.16m5.216-1.054c-.709 1.026-1.677 1.603-2.716 1.603c-1.038 0-1.993-.577-2.715-1.603c-.679-.982-1.054-2.283-1.054-3.66c0-1.27.737-2.267 1.661-2.267s1.662.997 1.662 2.267a6.6 6.6 0 0 1-.766 3.18a.103.103 0 0 1-.144.043c-.014 0-.014-.015-.03-.03c-.086-.1-.173-.201-.245-.303a4 4 0 0 1-.236-.39a.13.13 0 0 1 0-.1a6.05 6.05 0 0 0 .492-2.414c0-.62-.319-1.329-.738-1.329s-.736.708-.736 1.33c0 1.18.317 2.296.881 3.12c.535.78 1.228 1.199 1.95 1.199c.723 0 1.417-.434 1.95-1.199c.564-.826.883-1.936.883-3.12c0-1.186-.317-2.292-.882-3.118a3.1 3.1 0 0 0-.579-.65a.13.13 0 0 1-.014-.16c.014-.014.03-.029.044-.029l.708-.317a.09.09 0 0 1 .118.028q.27.275.492.59c.68.983 1.055 2.284 1.055 3.66s-.363 2.687-1.041 3.669"/></svg>Energy Web アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:energy-web" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:energy-web" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:energy-web" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--energy-web]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:energy-web"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:energy-web"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/energy-web.svg" alt="Energy Web アイコン" width="24" height="24">他のアイコンセットの Energy Web アイコン
Energy Web アイコン のよくある質問
Energy Web アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Energy Web アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:energy-web" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Energy Web アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/energy-web.svg" alt="Energy Web アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。