Vno アイコン
token:vno
Vno アイコン(token:vno)は、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="M18.551 4.994a11.8 11.8 0 0 0-5.819-1.968a11.65 11.65 0 0 0-7.744 2.29c-.818.611-.807 1.685-.104 2.373c1.669 1.625 3.452 3.364 5.35 5.23a2.43 2.43 0 0 0 2.116.676c.546-.066.982-.273 1.326-.6l5.29-5.17c.272-.273.452-.496.534-.682c.185-.409.18-.818-.01-1.243a2.47 2.47 0 0 0-.944-.906zm-1.265 1.053a10.18 10.18 0 0 0-10.264-.202c-.55.306-1.02.764-.404 1.336a317 317 0 0 0 4.429 4.058c.272.24.452.382.556.425c.393.164.764.093 1.118-.229a470 470 0 0 0 4.543-4.123c.414-.381.622-.872.022-1.265M4.91 11.523a1.6 1.6 0 0 1 2.225.087l4.08 4.09c.469.475 1.036.546 1.527.05l3.997-4.01c.655-.665 1.478-.823 2.291-.24c.07.055.076.104.016.164a4524 4524 0 0 0-5.137 5.138c-1.107 1.101-2.667 1.145-3.78.027q-2.616-2.622-5.235-5.241a.06.06 0 0 1 0-.05zm4.047 8.126c1.238 1.205 2.994 1.777 4.657.987c.53-.251.971-.546 1.326-.895l3.965-3.834a.06.06 0 0 0 .016-.032a.06.06 0 0 0-.01-.039a.93.93 0 0 0-.42-.294c-.726-.256-1.332-.136-1.833.349l-2.738 2.672c-1.314 1.271-2.727 1.091-3.981-.13l-2.613-2.564c-.61-.589-1.62-.665-2.252-.065a.06.06 0 0 0-.016.038a.06.06 0 0 0 .016.033a880 880 0 0 1 3.883 3.774" clip-rule="evenodd"/></svg>Vno アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:vno" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:vno" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:vno" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--vno]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:vno"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:vno"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/vno.svg" alt="Vno アイコン" width="24" height="24">他のアイコンセットの Vno アイコン
Vno アイコン のよくある質問
Vno アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Vno アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:vno" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vno アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/vno.svg" alt="Vno アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。