Mim Background アイコン
token-branded:mim-background
Mim Background アイコン(token-branded:mim-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
- タグ
- mimbackground
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="#5552fd" d="M9.647 4.234h4.706v1.412H9.647z"/><path fill="#9695f8" d="M9.647 16.942h4.706v1.412H9.647z"/><path fill="#5552fd" d="M8.235 5.647h1.411V7.06H8.235zM6.823 7.06h1.412v1.412H6.823zm2.823 2.824h1.412v1.412H9.646zm3.294 0h1.412v1.412H12.94zM5.412 8.47h1.412v1.412H5.41z"/><path fill="#9695f8" d="M6.823 14.117h1.412v1.412H6.823z"/><path fill="#5552fd" d="M6.823 15.53h1.412v1.412H6.823z"/><path fill="#9695f8" d="M8.235 15.53h1.412v1.412H8.235z"/><path fill="#5552fd" d="M8.235 16.94h1.411v1.412H8.235zM5.41 14.118h1.412v1.412H5.41z"/><path fill="#9695f8" d="M17.176 14.117h-1.411v1.412h1.411z"/><path fill="#5552fd" d="M17.176 15.53h-1.411v1.412h1.411z"/><path fill="#9695f8" d="M15.764 15.53h-1.412v1.412h1.412z"/><path fill="#5552fd" d="M15.765 16.942h-1.412v1.411h1.412zm2.823-2.824h-1.411v1.412h1.411zM8.235 8.471h1.412v7.059H8.235zm6.118 0h1.412v7.059h-1.412zm2.824 0h1.411v1.412h-1.411zm-2.824-2.824h1.412V7.06h-1.412zm1.412 1.412h1.412v1.412h-1.412z"/><path fill="#9695f8" d="M9.647 5.647h4.706V7.06H9.647z"/><path fill="#5552fd" d="M9.647 18.354h4.706v1.411H9.647z"/><path fill="#9695f8" d="M8.235 7.06h1.412v1.41H8.235z"/><path fill="#fed955" d="M6.823 9.883h1.412v4.235H6.823z"/><path fill="#9695f8" d="M6.823 8.47h1.412v1.412H6.823zM5.41 9.883h1.412v4.236H5.41zm13.177 0h-1.412v4.236h1.412z"/><path fill="#5552fd" d="M4 9.883h1.412v4.235H4zm16 0h-1.412v4.235H20z"/><path fill="#fed955" d="M15.765 9.883h1.411v4.235h-1.411zm-4.706 0h1.882v1.412h-1.882z"/><path fill="#9695f8" d="M15.764 8.471h1.412v1.412h-1.412zM14.352 7.06h1.412v1.41h-1.412z"/><path fill="#fed955" d="M9.647 7.06h4.706v1.41H9.647zm0 1.411h4.706v1.412H9.647zm4.706 2.824v5.647H9.647v-5.647z"/><path fill="#5552fd" d="M11.059 11.295h1.882v1.412h-1.882z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Mim Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mim-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mim-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mim-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mim-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mim-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mim-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/mim-background.svg" alt="Mim Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Mim Background アイコン のよくある質問
Mim Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mim Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:mim-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mim Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/mim-background.svg" alt="Mim Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。