Mngo Background アイコン
token-branded:mngo-background
Mngo Background アイコン(token-branded:mngo-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
- タグ
- mngobackground
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="#afd803" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.4 14.77c-.79 1.864-2.31 3.1-4.155 3.284c-.04 0-.55.045-.825.025c1.425.974 3.059 1.6 4.77 1.83c.55.055 1.175.1 1.8.085c.225-.565.35-1.215.315-1.95c-.085-1.71.925-2.59 2.02-3.04a11 11 0 0 1-1.265-2.85c-.855.225-1.94.925-2.655 2.615z"/><path fill="#fff" d="M15.27 18.03a4.8 4.8 0 0 1-.335 1.97c1.62-.04 3.315-.5 3.75-2.225c.09-.37.1-.77-.05-1.115c-.15-.335-.435-.595-.69-.865a6.5 6.5 0 0 1-.65-.825c-1.09.45-2.11 1.35-2.025 3.06m.73-6.065c-.25-.65-.46-1.31-.78-1.92a7.8 7.8 0 0 0-1.45-1.865a4.7 4.7 0 0 1-2.154-.46c-.7.97-1.49 2.61-.765 4.48c1.074 2.765-1.1 4.655-2.5 5.825l.07.05c.26.025.525.02.785-.01c1.85-.185 3.455-1.45 4.25-3.31c.72-1.69 1.765-2.33 2.615-2.55zM6.865 8.284A6.35 6.35 0 0 0 5.25 12.63a5.8 5.8 0 0 0 .85 2.93c2.25-2.215 1.44-5.52.765-7.275"/><path fill="#fff" d="M10.89 12.2c-.725-1.876.05-3.5.74-4.47a3.9 3.9 0 0 1-1.195-.93a4.8 4.8 0 0 0-3.65 1.564c.66 1.72 1.455 4.95-.74 7.115a8.7 8.7 0 0 0 2.345 2.575c1.395-1.17 3.575-3.09 2.5-5.85zm2.71-6.465c1.52.59 2.585.75 3.36.725l.02-.015c-2.875-4.82-6.64-1.025-6.64-1.025l.005.01a6.1 6.1 0 0 1 3.25.3z"/><path fill="#fff" d="M13.62 5.7c-1.265-.49-2.45-.47-3.275-.27c2.165 3.724 6.275 1.24 6.61 1.03c-.77.024-1.815-.17-3.335-.76"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Mngo Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mngo-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mngo-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mngo-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mngo-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mngo-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mngo-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/mngo-background.svg" alt="Mngo Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Mngo Background アイコン のよくある質問
Mngo Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mngo Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:mngo-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mngo Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/mngo-background.svg" alt="Mngo Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。