Moonbase アイコン
token:moonbase
Moonbase アイコン(token:moonbase)は、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" d="M19.457 16.574c.003-.403 1.542-.386 1.531-.763c-.008-.29-.689-.283-.474-.898A9 9 0 0 0 21 11.991C21 7.025 16.97 3 12 3s-9 4.025-9 8.99c0 1.027.173 2.012.49 2.932l.02.056c.128.408-.508.568-.508.81c0 .382 1.339.33 1.339.775c0 .386-1.324.505-1.324.895c0 .539 2.932.35 2.969.814c.029.358-1.008.379-1.014.76c-.01.61 4.001.411 4.001.817c0 .306-1.824.196-1.824.558S9.55 21 12.197 21s4.473-.294 4.473-.612s-1.704-.252-1.669-.54c.062-.5 3.843-.244 3.843-.823c0-.305-1.04-.376-1.006-.705c.047-.465 3.162-.396 3.162-.878c0-.38-1.543-.473-1.541-.867zm-2.413-1.168c-.082.307.866.353.866.673c0 .39-2.891.234-2.863.75c.018.325 2.055.38 2.016.718c-.056.492-3.154.246-3.184.717c-.022.345 1.511.356 1.515.671c.002.265-1.205.41-3.518.41c-2.634 0-3.915-.142-3.77-.438c.137-.277 2.47-.225 2.446-.66c-.024-.434-4.142-.306-4.266-.727c-.104-.35 1.353-.422 1.344-.754c-.01-.34-1.866-.262-1.907-.672c-.026-.27.97-.253.927-.591c-.031-.247-.443-.212-.687-.72a6.645 6.645 0 0 1 6.034-9.433a6.645 6.645 0 0 1 6.14 9.194c-.312.707-1.015.565-1.095.862z"/></svg>Moonbase アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:moonbase" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:moonbase" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:moonbase" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--moonbase]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:moonbase"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:moonbase"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/moonbase.svg" alt="Moonbase アイコン" width="24" height="24">Web3 Icons の関連アイコン
他のアイコンセットの Moonbase アイコン
Moonbase アイコン のよくある質問
Moonbase アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Moonbase アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:moonbase" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Moonbase アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/moonbase.svg" alt="Moonbase アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。