Vext アイコン
token:vext
Vext アイコン(token:vext)は、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" fill-rule="evenodd" d="m19.407 8.032l-5.139 5.274a.05.05 0 0 0-.013.031c0 .009 0 .022.009.031l.621.977l2.052 3.258c.013.022.009.031-.018.018L13.589 16c-.45-.225-.783-.36-1.003-.414a2.52 2.52 0 0 0-1.755.211L7.087 17.62q-.068.028-.027-.032l.4-.62l2.286-3.614a.04.04 0 0 0-.004-.045L8.54 12.09L3.028 6.422q-.067-.066.023-.045l8.293 2.385c.27.08.553.108.837.08q.271-.02.751-.161q4.03-1.149 8.059-2.304l.006.003l.003.006V6.4l-1.593 1.628zm-6.592 1.89q2.573-.872 5.148-1.737c.013 0 .013.009 0 .018l-5.368 3.343a1.04 1.04 0 0 1-.788.158a2.3 2.3 0 0 1-.68-.324a645 645 0 0 0-5.025-3.141q-.17-.102.018-.04l5.417 1.84c.27.09.495.126.743.058q.115-.031.535-.18zm5.4-1.598q-.002-.018-.036-.022c-1.787 1.255-3.573 2.51-5.355 3.775c-.27.19-.472.297-.616.329a1.03 1.03 0 0 1-.828-.18q-2.82-1.991-5.643-3.978v.018l5.098 4.995q.014.013.014.031a.05.05 0 0 1-.01.031l-2.892 3.389q-.1.12.022.027c1.197-.869 2.34-1.71 3.424-2.511a.96.96 0 0 1 .801-.19q.224.046.603.33q1.645 1.215 3.303 2.416c.004 0 .009-.005.004-.014l-.004-.009l-2.947-3.446l-.007-.01a.03.03 0 0 1 .007-.036l5.057-4.94z" clip-rule="evenodd"/></svg>Vext アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:vext" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:vext" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:vext" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--vext]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:vext"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:vext"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/vext.svg" alt="Vext アイコン" width="24" height="24">他のアイコンセットの Vext アイコン
Vext アイコン のよくある質問
Vext アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vext アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:vext" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vext アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/vext.svg" alt="Vext アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。