Etp アイコン
token:etp
Etp アイコン(token:etp)は、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="M13.835 9.064v6.125a.36.36 0 0 1-.19.335c-.524.309-1.333.644-1.891.987V10.31c0-.163-.026-.258-.18-.335c0 0-.728-.515-1.183-.773c-.052-.035-.12-.052-.198-.086v5.557c0 .18-.034.275-.18.361c-.455.25-1.219.515-1.665.773l-.236.12v-5.6c0-.214-.057-.317-.229-.412c-.498-.275-.845-.575-1.36-.876c.575-.335 1.125-.661 1.692-.97c.052-.026.155.008.223.051l1.635.833c.111.069.197.086.318 0c.446-.266.727-.515 1.174-.79c.163-.103.275-.086.43 0zm-.01.009l.12-.12c.482-.276 1.054-.559 1.543-.825a.37.37 0 0 1 .301 0c.498.266 1.065.55 1.545.842c.07.034.143.145.143.215v5.583c0 .052-.014.146-.056.172c-.56.335-1.424.652-2.025.996v-5.652c0-.146-.031-.24-.168-.317c-.524-.293-.87-.602-1.393-.903zm-2.558-4.18a.743.743 0 1 0 0-1.486a.743.743 0 0 0 0 1.486m4.274.477a.6.6 0 1 0 0-1.2a.6.6 0 0 0 0 1.2m3.074 2.467a.458.458 0 1 0 0-.917a.458.458 0 0 0 0 .917m1.325 4.446a1.06 1.06 0 1 0 0-2.121a1.06 1.06 0 0 0 0 2.12m-15.008-2.02a1.107 1.107 0 1 0 0-2.215a1.107 1.107 0 0 0 0 2.215m14.472 5.984a.951.951 0 1 0 0-1.902a.951.951 0 0 0 0 1.902M7.418 6.673a.951.951 0 1 0 0-1.902a.951.951 0 0 0 0 1.902m9.53 12.522a.712.712 0 1 0 0-1.423a.712.712 0 0 0 0 1.423m-3.66 1.399a.666.666 0 1 0 0-1.333a.666.666 0 0 0 0 1.332m-3.903-.723a.52.52 0 1 0 0-1.04a.52.52 0 0 0 0 1.04m-3.522-1.782a1.144 1.144 0 1 0 0-2.289a1.144 1.144 0 0 0 0 2.289m-1.637-3.666a1.226 1.226 0 1 0 0-2.453a1.226 1.226 0 0 0 0 2.453"/></svg>Etp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:etp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:etp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:etp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--etp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:etp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:etp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/etp.svg" alt="Etp アイコン" width="24" height="24">他のアイコンセットの Etp アイコン
Etp アイコン のよくある質問
Etp アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Etp アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:etp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Etp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/etp.svg" alt="Etp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。