Nebo アイコン
token-branded:nebo
Nebo アイコン(token-branded:nebo)は、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="#fff" d="M20.996 3v8.546c-.011 2.502-.841 4.97-2.688 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-.58.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="url(#SVGtOyRYbeJ)" d="M19.155 14.322a7.514 7.514 0 0 1-12.158 3.246l2.19-2.195c2.554 2.206 6.838 1.742 9.968-1.05M9.674 4.86C6.875 7.965 6.417 12.232 8.6 14.787L6.405 16.98A7.5 7.5 0 0 1 9.674 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.48-2.479c1.364.871 3.912.052 5.95-1.985l.18-.18c.197-.21.389-.43.557-.645l.093-.116h.006l.017-.03l.035-.04l.018-.023c.15-.197.29-.406.412-.604zm-4.261-4.186q-.33.21-.662.465l-.105.087q-.33.261-.644.557l-.186.174c-2.032 2.032-2.85 4.575-1.991 5.945l-2.473 2.468c-1.916-2.317-1.365-6.311 1.463-9.138c.174-.18.65-.57.65-.57zm4.284-.017V6.59q-.154.541-.412 1.045q-.337.664-.801 1.248a10 10 0 0 1-.551.65l-.18.18a7.4 7.4 0 0 1-3.118 1.945c-.894.25-1.58.145-1.945-.22c-.36-.36-.465-1.045-.215-1.945a7.4 7.4 0 0 1 1.945-3.118l.18-.174a8.3 8.3 0 0 1 1.898-1.353c.302-.15.604-.279.894-.371h.012l2.305-.006z"/><defs><linearGradient id="SVGtOyRYbeJ" x1="18.806" x2="6.463" y1="5.01" y2="17.736" gradientUnits="userSpaceOnUse"><stop stop-color="#49fdff"/><stop offset="1" stop-color="#00afad"/></linearGradient></defs></g></svg>Nebo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:nebo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:nebo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:nebo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--nebo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:nebo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:nebo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/nebo.svg" alt="Nebo アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Nebo アイコン
Nebo アイコン のよくある質問
Nebo アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Nebo アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:nebo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nebo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/nebo.svg" alt="Nebo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。