ICONYZ
日本語
Web3 Icons の Nebo アイコン

Nebo アイコン

token:nebo

Nebo アイコン(token:nebo)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Web3 Icons
作者
0xa3k5
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.997 3v8.546c-.012 2.502-.842 4.97-2.689 6.822a8.96 8.96 0 0 1-12.685 0A9 9 0 0 1 10.749 3.11A13 13 0 0 1 12.34 3zm-.581.58H12.34c-.493-.023-1.01.053-1.51.117a8.407 8.407 0 0 0-4.79 14.247a8.36 8.36 0 0 0 11.845 0c1.759-1.76 2.52-4.03 2.53-6.398z"/><path fill="currentColor" d="M19.156 14.322a7.512 7.512 0 0 1-12.157 3.246l2.189-2.195c2.554 2.206 6.839 1.742 9.968-1.05M9.676 4.86c-2.8 3.106-3.258 7.373-1.075 9.928L6.407 16.98A7.5 7.5 0 0 1 9.675 4.853zm9.852 3.814c.006-.006 0 .006 0 0v4.012a7 7 0 0 1-.575.638c-2.833 2.84-6.85 3.385-9.167 1.446l2.479-2.479c1.364.871 3.913.052 5.95-1.985l.18-.18a9 9 0 0 0 .558-.645l.093-.116h.006l.017-.03l.035-.04l.017-.023a8 8 0 0 0 .413-.604zm-4.262-4.186q-.33.21-.662.465l-.104.087q-.33.261-.645.557l-.185.174c-2.032 2.032-2.851 4.575-1.992 5.945l-2.473 2.468c-1.916-2.317-1.364-6.311 1.463-9.138c.174-.18.65-.57.65-.57zm4.285-.017V6.59a6 6 0 0 1-.412 1.045q-.337.664-.802 1.248a10 10 0 0 1-.551.65l-.18.18a7.4 7.4 0 0 1-3.118 1.945c-.894.25-1.579.145-1.945-.22c-.36-.36-.464-1.045-.214-1.945a7.4 7.4 0 0 1 1.944-3.118l.18-.174a8.3 8.3 0 0 1 1.899-1.353c.302-.15.604-.279.894-.371h.012l2.305-.006z"/></svg>

Nebo アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token:nebo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token:nebo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token:nebo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--nebo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:nebo"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token:nebo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/nebo.svg" alt="Nebo アイコン" width="24" height="24">

他のアイコンセットの Nebo アイコン

Nebo アイコン のよくある質問

Nebo アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Nebo アイコンを使うには?

@iconify/react をインストールして <Icon icon="token:nebo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Nebo アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/nebo.svg" alt="Nebo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons をすべて見る →