Nvt アイコン
token-branded:nvt
Nvt アイコン(token-branded:nvt)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGk5xh27sW)" fill-rule="evenodd" d="m11.221 6.315l-.243.651l3.492 6.18l.243-.653zm-1.94 5.208l3.501 6.162l.232-.622L9.52 10.88zm4.338 3.905L10.128 9.25l.243-.651l3.49 6.178z" clip-rule="evenodd"/><path fill="url(#SVG1rstqdFl)" d="M16.151 17.683H12.78l4.019-10.785a.9.9 0 0 1 .325-.423a.87.87 0 0 1 .502-.16H21l-4.02 10.784a.9.9 0 0 1-.326.424a.9.9 0 0 1-.503.16"/><path fill="url(#SVG1rstqdFl)" d="M6.372 17.683H3L7.02 6.898a.9.9 0 0 1 .324-.423a.87.87 0 0 1 .503-.16h3.373L7.2 17.099a.9.9 0 0 1-.325.424a.9.9 0 0 1-.503.16"/><path fill="url(#SVGfS3NM26I)" fill-rule="evenodd" d="M11.22 6.315h.004l.487.862l-.246.646l-.487-.861zm-.369 3.12l-.48-.851l-.244.652l.478.845zm-.864 2.273l-.467-.828l-.24.643l.466.82z" clip-rule="evenodd"/><path fill="url(#SVGr2ek3dOf)" d="m14.235 11.647l.48.85l-.249.652l-.473-.857z"/><path fill="url(#SVGXZfSAeCY)" d="m13.865 14.776l-.492-.864l-.244.648l.493.872z"/><path fill="url(#SVGHzU8yUDY)" d="m13.012 17.056l-.49-.863l-.232.632l.49.857z"/><defs><linearGradient id="SVGk5xh27sW" x1="5.572" x2="8.926" y1="12.682" y2="19.561" gradientUnits="userSpaceOnUse"><stop stop-color="#4e90e2"/><stop offset=".857" stop-color="#17e9d9"/></linearGradient><linearGradient id="SVG1rstqdFl" x1="18.776" x2="6.947" y1="10.233" y2="7.146" gradientUnits="userSpaceOnUse"><stop stop-color="#5d7ce9"/><stop offset="1" stop-color="#17ead9"/></linearGradient><linearGradient id="SVGfS3NM26I" x1="2.249" x2="7.229" y1="12" y2="19.708" gradientUnits="userSpaceOnUse"><stop offset=".39" stop-color="#2e4177"/><stop offset="1" stop-color="#2e4177" stop-opacity="0"/></linearGradient><linearGradient id="SVGr2ek3dOf" x1="2.411" x2="-16.282" y1="33.096" y2="15.984" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient><linearGradient id="SVGXZfSAeCY" x1="23.539" x2="5.065" y1="15.843" y2="-.985" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient><linearGradient id="SVGHzU8yUDY" x1="13.968" x2="12.687" y1="15.184" y2="14.827" gradientUnits="userSpaceOnUse"><stop stop-color="#3b8382"/><stop offset="1" stop-color="#439a99" stop-opacity="0"/></linearGradient></defs></g></svg>Nvt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:nvt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:nvt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:nvt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--nvt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:nvt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:nvt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/nvt.svg" alt="Nvt アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Nvt アイコン
Nvt アイコン のよくある質問
Nvt アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nvt アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:nvt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nvt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/nvt.svg" alt="Nvt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。