Mplx アイコン
token:mplx
Mplx アイコン(token:mplx)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.89 14.913a.42.42 0 0 0 .017-.442l-4.81-8.542a.38.38 0 0 0-.328-.201H3.387c-.3 0-.485.343-.332.616L9.37 17.722a.38.38 0 0 0 .654.027zm8.728 3.36c.295 0 .48-.344.327-.611l-6.49-11.733a.38.38 0 0 0-.339-.201h-3.37c-.295 0-.48.343-.328.616l6.513 11.727a.38.38 0 0 0 .327.202zm-14.563-.726c.147.273-.039.726-.339.726H3.404c-.218 0-.404-.295-.404-.518v-4.118c0-.415.535-.568.736-.208l2.313 4.118z"/></svg>Mplx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:mplx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:mplx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:mplx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--mplx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:mplx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:mplx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/mplx.svg" alt="Mplx アイコン" width="24" height="24">他のアイコンセットの Mplx アイコン
Mplx アイコン のよくある質問
Mplx アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mplx アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:mplx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mplx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/mplx.svg" alt="Mplx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。