Mooned Background アイコン

Q: Mooned Background アイコンは商用利用でも無料ですか?

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

token-branded:mooned-background

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

アイコンセット: Web3 Icons Branded
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24
タグ: moonedbackground

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#050505" d="m16.096 5.985l.292-.363c.014-.02.033-.024.047-.014c.18.094.349.183.519.282c1.767 1.014 2.625 2.899 2.964 4.87a9 9 0 0 1-.377 4.053a5.6 5.6 0 0 1-1.3 2.21a.035.035 0 0 1-.043 0l-.641-.504c-.014-.014-.028-.01-.038 0l-.377.452a7.3 7.3 0 0 1-3.874 2.347q-1.98.478-3.855-.075a7.546 7.546 0 0 1 2.479-14.776q2.29.12 4.161 1.532c.02.01.034.01.048-.01z"/><path fill="#dbdbdb" d="M9.687 5.473q.41.226.395.679c-.023.655-.923.89-1.272.325c-.123-.203-.165-.519-.014-.726a.23.23 0 0 1 .103-.075a9 9 0 0 1 .613-.222a.21.21 0 0 1 .175.019"/><path fill="#7533e0" d="m16.365 16.786l-2.418-1.928l-1.749-1.386a.1.1 0 0 1-.022-.025a.1.1 0 0 1-.01-.031l-.34-3.271c0-.015 0-.024.01-.038l3.138-3.969l.014-.01h.02c.216.138.423.274.617.425q.02.015.004.028l-2.752 3.479a.06.06 0 0 0-.01.047l.297 2.88a.06.06 0 0 0 .024.047l3.785 3.016l.004.01v.01a6.5 6.5 0 0 1-.612.715"/><path fill="#dbdbdb" d="M12.91 8.024a.189.189 0 1 0 0-.378a.189.189 0 0 0 0 .378m2.771.221a.203.203 0 0 0 .047-.278a.2.2 0 0 0-.13-.076a.2.2 0 0 0-.143.043a.197.197 0 0 0-.047.278a.2.2 0 0 0 .273.033m1.546 5.284c.698-.32.594-1.292-.127-1.509a.08.08 0 0 1-.047-.047a.07.07 0 0 1 0-.061a10.5 10.5 0 0 0 1.258-3.658c0-.018.01-.018.019 0c.188.321.353.67.485 1.037q.384 1.09.472 2.004q.054.493.004 1.249a7.07 7.07 0 0 1-1.154 3.525h-.015l-2.639-2.102q-.021-.02 0-.047c.203-.198.4-.41.59-.627c.042-.047.108-.085.16-.024q.422.527.994.26M8.159 9.673a.225.225 0 0 0 .157-.384a.23.23 0 0 0-.157-.068a.226.226 0 0 0 0 .452m-2.635-.061a.098.098 0 0 0 .068-.164a.094.094 0 0 0-.162.065c0 .056.047.094.094.094z"/><path fill="#dbdbdb" d="M16.893 13.513a.706.706 0 0 0 .697-.707a.71.71 0 0 0-.697-.716a.71.71 0 0 0-.703.712c0 .396.316.711.703.711m-9.356 1.018a.936.936 0 0 0 .924-.942a.927.927 0 0 0-.924-.934a.93.93 0 0 0-.924.938c0 .519.415.943.924.943zM4.76 13.042v-.024a.03.03 0 0 1 .023-.014h.02c.027-.01.06 0 .084.02a.09.09 0 0 1 .047.075l.005.023a.12.12 0 0 1-.019.085a.12.12 0 0 1-.075.047l-.02.005l-.011.002l-.012-.002a.03.03 0 0 1-.01-.024zm6.448 4.303a1.306 1.306 0 0 0-.137-2.606a1.305 1.305 0 0 0 .137 2.606"/><path fill="#dbdbdb" d="m13.947 14.857l2.418 1.928a6.815 6.815 0 0 1-8.875.74c-.019-.014-.019-.024.01-.028c.829-.118 1.64-.297 2.422-.533c.075-.023.15.01.203.062a1.406 1.406 0 0 0 2.413-.792c.023-.165-.047-.387.122-.486q.665-.396 1.287-.89m-6.485 2.15a.387.387 0 0 0 .386-.396a.39.39 0 0 0-.386-.392a.39.39 0 0 0-.387.392a.39.39 0 0 0 .387.395"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

Mooned Background アイコンの使い方

React

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

<Icon icon="token-branded:mooned-background" width="24" />

Vue

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

<template>
  <Icon icon="token-branded:mooned-background" width="24" />
</template>

Svelte

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

<Icon icon="token-branded:mooned-background" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token-branded:mooned-background"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token-branded/mooned-background.svg" alt="Mooned Background アイコン" width="24" height="24">

Web3 Icons Branded の関連アイコン

Mooned Background アイコンのよくある質問

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

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

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

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

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

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

Web3 Icons Branded アイコンをすべて見る →