Mnr Background アイコン
token-branded:mnr-background
Mnr Background アイコン(token-branded:mnr-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
- タグ
- mnrbackground
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="#369bf3" d="M24 0H0v24h24z"/><path fill="#fff" d="M9.198 15.96v-3.081L6.71 10.383L8.95 8.09a.12.12 0 0 1 .164-.004l.885.66v8.046q-.001.05.04.088l1.36 1.488c.072.072.2.016.2-.084V7.418c-.048-1.46-.904-1.82-1.388-1.82H8.618c-.432-.016-.856.308-1.016.472L4.31 9.378a1.55 1.55 0 0 0 0 1.86l4.64 4.802c.072.076.248.028.248-.08m5.641.001v-3.08l2.448-2.497l-2.24-2.292a.12.12 0 0 0-.164-.004l-.884.66v8.001a.12.12 0 0 1-.04.088l-1.36 1.532c-.08.073-.204.02-.204-.084V6.655l.78-1.056h2.712l3.8 3.78a1.55 1.55 0 0 1 0 1.861l-4.64 4.801c-.072.076-.204.024-.204-.08z"/><path fill="#fff" d="m4.025 10.016l2.908.592l-.224-.224l1.189-1.216l-1.64-1.744l-1.949 1.96a1.5 1.5 0 0 0-.284.632"/><path fill="#fff" d="m6.253 7.422l1.645 1.744L8.95 8.09a.12.12 0 0 1 .164-.004l.884.66v2.489l1.6.292V7.418c-.048-1.46-.904-1.82-1.388-1.82H8.618c-.432-.016-.856.308-1.016.472z"/><path fill="#fff" d="m11.598 11.528l-1.6-.296v.36l1.6 1.576z"/><path fill="#fff" d="m11.598 13.168l-1.6-1.58v5.22c0 .033.016.065.04.085l1.352 1.476c.076.072.208.016.208-.084V13.16zm.801.632v-2.09l1.6.4v3.33z"/><path fill="#fff" d="m14 12.112l-1.601-.4V6.663l.776-1.064h2.713l3.8 3.78a1.55 1.55 0 0 1 0 1.861l-1.708 1.768l-2.709-.608l2.017-2.02l-2.24-2.292a.12.12 0 0 0-.165-.004L14 8.748z"/><path fill="#fff" d="M14.8 15.96c0 .105.176.157.248.08l2.936-3.036l-2.708-.6l-.476.468z"/><path fill="#fff" d="m7.838 9.227l-1.64-1.748l.124-.128l1.64 1.748l-.12.128zm-.788 1.512l-3.04-.632l.031-.176l2.805.588zm4.549.9l-1.6-.336v-.192l1.6.348zm0 1.78l-1.6-1.82v-.244l1.6 1.833v.236zm2.4-1.188l-1.6-.46v-.184l1.6.464zm3.893.865l-2.66-.613l.147-.16l2.657.62zm-3.893 2.584l-1.6-1.88v-.24l1.6 1.872z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Mnr Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mnr-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mnr-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mnr-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mnr-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mnr-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mnr-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/mnr-background.svg" alt="Mnr Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Mnr Background アイコン のよくある質問
Mnr Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mnr Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:mnr-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mnr Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/mnr-background.svg" alt="Mnr Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。