Mooned アイコン
token-branded:mooned
Mooned アイコン(token-branded:mooned)は、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="#050505" d="m16.608 5.233l.329-.408c.016-.022.037-.027.053-.016c.201.106.392.207.583.318c1.988 1.14 2.953 3.26 3.335 5.477a10.16 10.16 0 0 1-.424 4.56a6.3 6.3 0 0 1-1.464 2.487a.04.04 0 0 1-.047 0l-.721-.567c-.016-.016-.032-.01-.043 0l-.424.509a8.2 8.2 0 0 1-4.358 2.64q-2.229.538-4.338-.084a8.49 8.49 0 0 1 2.79-16.623q2.575.133 4.681 1.723c.021.01.037.01.053-.01z"/><path fill="#dbdbdb" d="M9.397 4.656q.461.255.446.764c-.027.737-1.04 1.002-1.432.366c-.138-.228-.185-.584-.016-.817a.26.26 0 0 1 .117-.085c.244-.1.477-.18.69-.249a.24.24 0 0 1 .195.021"/><path fill="#7533e0" d="m16.91 17.383l-2.72-2.168l-1.967-1.56a.1.1 0 0 1-.025-.027a.1.1 0 0 1-.012-.036l-.382-3.68c0-.016 0-.026.01-.042l3.532-4.465l.016-.01h.02c.245.153.478.307.695.477q.022.015.006.032l-3.097 3.913a.07.07 0 0 0-.01.053l.334 3.24a.07.07 0 0 0 .026.053l4.258 3.393l.005.01v.011a7 7 0 0 1-.689.806"/><path fill="#dbdbdb" d="M13.023 7.526a.212.212 0 1 0 0-.425a.212.212 0 0 0 0 .425m3.118.249a.23.23 0 0 0 .053-.313a.2.2 0 0 0-.146-.085a.2.2 0 0 0-.161.048a.22.22 0 0 0-.092.145a.22.22 0 0 0 .039.168a.224.224 0 0 0 .307.037m1.74 5.944c.784-.36.668-1.453-.144-1.697a.08.08 0 0 1-.053-.053a.1.1 0 0 1 0-.069A11.8 11.8 0 0 0 19.1 7.786c0-.022.01-.022.021 0c.212.36.398.753.546 1.166c.287.817.467 1.57.53 2.254q.063.554.006 1.405a7.95 7.95 0 0 1-1.3 3.966h-.015l-2.97-2.365q-.023-.023 0-.053c.228-.223.451-.461.663-.705c.048-.053.122-.096.18-.027q.477.591 1.12.292M7.677 9.382a.254.254 0 0 0 .177-.433a.25.25 0 0 0-.177-.076a.255.255 0 0 0 0 .509m-2.964-.07a.11.11 0 0 0 .077-.184a.106.106 0 1 0-.077.18z"/><path fill="#dbdbdb" d="M17.504 13.702a.794.794 0 0 0 .785-.795a.796.796 0 0 0-.785-.806a.797.797 0 0 0-.79.8c0 .446.356.801.79.801M6.98 14.847c.573 0 1.04-.477 1.04-1.06s-.467-1.05-1.04-1.05s-1.04.472-1.04 1.055s.467 1.06 1.04 1.06zm-3.123-1.675v-.027a.03.03 0 0 1 .026-.016h.022c.032-.01.069 0 .095.021a.1.1 0 0 1 .053.085l.005.027a.13.13 0 0 1-.02.095a.13.13 0 0 1-.086.053l-.02.006l-.014.002q-.008 0-.013-.002a.04.04 0 0 1-.01-.027zm7.254 4.84a1.47 1.47 0 0 0-.154-2.931a1.47 1.47 0 0 0 .154 2.932"/><path fill="#dbdbdb" d="m14.19 15.214l2.72 2.169a7.67 7.67 0 0 1-9.984.832c-.021-.016-.021-.027.01-.032a18.5 18.5 0 0 0 2.726-.599c.085-.027.17.01.228.069a1.581 1.581 0 0 0 2.715-.89c.027-.186-.053-.436.138-.547q.747-.445 1.447-1.002m-7.296 2.418a.436.436 0 0 0 .435-.446a.44.44 0 0 0-.435-.44a.44.44 0 0 0-.435.44c0 .25.197.446.435.446"/></g></svg>Mooned アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mooned" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mooned" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mooned" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mooned]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mooned"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mooned"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/mooned.svg" alt="Mooned アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Mooned アイコン のよくある質問
Mooned アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mooned アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:mooned" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mooned アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/mooned.svg" alt="Mooned アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。