Metamask Background アイコン
token-branded:metamask-background
Metamask Background アイコン(token-branded:metamask-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
- タグ
- metamaskbackground
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="#ff5c16" d="m18.9 18.925l-3.434-.993l-2.59 1.504h-1.807l-2.592-1.504l-3.433.993L4 15.5l1.044-3.802L4 8.484L5.044 4.5l5.365 3.114h3.127L18.9 4.5l1.045 3.984l-1.045 3.214l1.045 3.802z"/><path fill="#ff5c16" d="m5.045 4.5l5.364 3.116l-.213 2.14zm3.433 11.001l2.36 1.747l-2.36.684zm2.172-2.888l-.454-2.856l-2.904 1.942h-.001l.009 2l1.177-1.086zM18.9 4.5l-5.364 3.116l.213 2.14zm-3.433 11.001l-2.36 1.747l2.36.684zm1.187-3.801v-.002h-.001l-2.904-1.941l-.453 2.856h2.171l1.178 1.086z"/><path fill="#e34807" d="m8.477 17.932l-3.433.993L4 15.501h4.477zm2.172-5.32l.656 4.13l-.91-2.297l-3.097-.746l1.178-1.087zm4.818 5.32l3.433.993l1.045-3.424h-4.478zm-2.171-5.32l-.656 4.13l.909-2.297l3.097-.746l-1.179-1.087z"/><path fill="#ff8d5d" d="m4 15.5l1.044-3.802H7.29l.008 2l3.098.747l.909 2.296l-.468.505l-2.36-1.747zm15.945 0L18.9 11.698h-2.245l-.009 2l-3.097.747l-.909 2.296l.467.505l2.36-1.747zm-6.409-7.886h-3.127l-.213 2.139l1.109 6.985h1.335l1.11-6.985z"/><path fill="#661800" d="M5.044 4.5L4 8.484l1.044 3.214H7.29l2.905-1.943zM10 13.441H8.982l-.553.528l1.967.474zM18.9 4.5l1.045 3.984l-1.045 3.214h-2.245l-2.906-1.943zm-4.954 8.941h1.02l.553.529l-1.97.475zm-1.071 4.632l.232-.825l-.467-.506h-1.336l-.467.506l.232.825"/><path fill="#c0c4cd" d="M12.875 18.073v1.364h-1.806v-1.364z"/><path fill="#e7ebf6" d="m8.478 17.93l2.592 1.506v-1.363l-.232-.826zm6.99 0l-2.593 1.506v-1.363l.232-.826z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Metamask Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:metamask-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:metamask-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:metamask-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--metamask-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:metamask-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:metamask-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/metamask-background.svg" alt="Metamask Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Metamask Background アイコン のよくある質問
Metamask Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Metamask Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:metamask-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Metamask Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/metamask-background.svg" alt="Metamask Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。