Nett アイコン
token-branded:nett
Nett アイコン(token-branded:nett)は、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(#SVGAusJrd6l)" d="m8.149 12l-5 6.214c-.175-.103-.16-.391-.133-.525L4.256 12z"/><path fill="url(#SVGdOUdqe9S)" d="M11.714 14.546L8.155 12l-5.01 6.224c.113.139.396.103.52.062z"/><path fill="#54ccff" d="M8.154 12H4.25a1221 1221 0 0 1 1.739-6.141c.051-.17.22-.299.303-.34z"/><path fill="#a2affe" d="M6.853 5.523c-.216-.144-.463-.061-.566 0l1.872 6.482l8.38.509C13.4 10.27 7.073 5.673 6.852 5.524"/><path fill="#3189f7" d="M11.72 14.562L8.15 12l3.96.21z"/><path fill="url(#SVGRGuJabVK)" d="m16.528 12.514l-4.424-.319l-.4 2.35l6.362 3.869c.139.092.442.273.576.273c.139 0 .278-.036.334-.052l-2.453-6.12z"/><path fill="url(#SVGZHuNicVh)" d="M20.2 12.422h-3.754l2.52 6.214c.32-.072.504-.402.546-.551l.689-5.658z"/><path fill="url(#SVGAJA2vdYz)" d="M16.483 12.514L12.522 9.63l7.612-4.182c.067-.072.278-.19.577-.103s.308.442.277.607l-.802 6.563z"/><defs><linearGradient id="SVGAusJrd6l" x1="11.991" x2="11.991" y1="5.324" y2="18.687" gradientUnits="userSpaceOnUse"><stop stop-color="#38c2ff"/><stop offset="1" stop-color="#2698ee"/></linearGradient><linearGradient id="SVGdOUdqe9S" x1="12.001" x2="12.001" y1="5.313" y2="18.685" gradientUnits="userSpaceOnUse"><stop stop-color="#4196ff"/><stop offset="1" stop-color="#2588fd"/></linearGradient><linearGradient id="SVGRGuJabVK" x1="12" x2="9.89" y1="5.313" y2="14.551" gradientUnits="userSpaceOnUse"><stop stop-color="#4583fc"/><stop offset="1" stop-color="#307efa"/></linearGradient><linearGradient id="SVGZHuNicVh" x1="12.197" x2="12.197" y1="5.313" y2="18.643" gradientUnits="userSpaceOnUse"><stop stop-color="#718cfd"/><stop offset="1" stop-color="#5a86ff"/></linearGradient><linearGradient id="SVGAJA2vdYz" x1="20.571" x2="17.002" y1="5.776" y2="12.535" gradientUnits="userSpaceOnUse"><stop stop-color="#a796f6"/><stop offset="1" stop-color="#999fff"/></linearGradient></defs></g></svg>Nett アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:nett" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:nett" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:nett" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--nett]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:nett"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:nett"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/nett.svg" alt="Nett アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Nett アイコン
Nett アイコン のよくある質問
Nett アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nett アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:nett" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nett アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/nett.svg" alt="Nett アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。