Edg アイコン
token:edg
Edg アイコン(token:edg)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.129 8.846v5.996c0 .27.009.54-.046.8a3.1 3.1 0 0 1-.904 1.584c-.217.198-.479.334-.741.486l-5.154 2.998c-.543.279-1.158.333-1.746.261a2.4 2.4 0 0 1-.858-.288l-5.444-3.16a2.73 2.73 0 0 1-1.022-1.08c-.213-.377-.33-.8-.343-1.233V8.738c.036-.63.316-1.224.714-1.701c.162-.2.358-.371.579-.505l5.055-2.944c.27-.152.542-.341.84-.44a3.2 3.2 0 0 1 1.574-.09c.226.063.461.135.678.26l5.507 3.206c.487.288.84.774 1.085 1.287c.144.324.226.675.226 1.035m-8.184-2.224a9.6 9.6 0 0 1-1.347 1.585c-.262.243-.515.513-.669.846c-.13.236-.187.506-.162.775c.035.36.298.684.633.81c.343.143.731.107 1.084-.018a.36.36 0 0 1 .18-.028c-.062.423-.316.784-.523 1.153v.063l.579.575c.045.046.09.109.153.127c.217-.162.39-.387.588-.567c.036-.054.127-.108.09-.18c-.199-.36-.416-.72-.47-1.144c.036-.09.136-.017.199 0a1.3 1.3 0 0 0 1.04.055c.452-.172.741-.703.633-1.18a2.12 2.12 0 0 0-.615-1.134a7.4 7.4 0 0 1-1.266-1.62a.2.2 0 0 0-.127-.118m-3.282 5.852a2.02 2.02 0 0 0-1.025 1.846a2.01 2.01 0 0 0 1.188 1.745c.5.206 1.062.21 1.564.01c.254-.099.48-.27.67-.468c.063-.073.171-.135.171-.253c-.01-.116-.118-.18-.18-.27c-.091-.072-.164-.18-.263-.234c-.162-.072-.262.108-.362.198c-.415.414-1.157.414-1.573.01a1.13 1.13 0 0 1-.343-1.01a1.14 1.14 0 0 1 .56-.836c.2-.09.425-.153.642-.144c.317.027.597.18.814.414l2.107 2.16a1.974 1.974 0 0 0 3.149-.46a2 2 0 0 0 .233-.854a2 2 0 0 0-.392-1.313a2.02 2.02 0 0 0-1.146-.758c-.588-.107-1.248.01-1.7.424c-.325.297-.615.63-.93.918c-.335-.27-.588-.603-.905-.882a1.6 1.6 0 0 0-.48-.306l-.09-.045a1.9 1.9 0 0 0-1.718.117zm4.548.954a1.17 1.17 0 0 1 .904-.342a1.09 1.09 0 0 1 .886.504c.299.45.218 1.098-.17 1.467c-.39.387-1.059.433-1.484.073c-.316-.27-.579-.586-.877-.865l-.009-.072z"/></svg>Edg アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:edg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:edg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:edg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--edg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:edg"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:edg"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/edg.svg" alt="Edg アイコン" width="24" height="24">Web3 Icons の関連アイコン
他のアイコンセットの Edg アイコン
Edg アイコン のよくある質問
Edg アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Edg アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:edg" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Edg アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/edg.svg" alt="Edg アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。