Mtlx アイコン
token-branded:mtlx
Mtlx アイコン(token-branded:mtlx)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#3e34a7" fill-rule="evenodd" d="M19.941 4.324H21v14.294h-1.059zM3 4.324h1.059v14.294H3zm3.176 1.588H5.118V17.03h1.058zm11.647 0h1.06v11.647h-1.06zM8.295 6.971h-1.06v11.647h1.06zm7.412-.025h1.059v11.647h-1.06zm-5.294 1.613h-1.06v9h1.06zm3.176 0h1.059v9h-1.059zm-1.058 1.588h-1.06v9.53h1.06z" clip-rule="evenodd"/></svg>Mtlx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mtlx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mtlx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mtlx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mtlx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mtlx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mtlx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/mtlx.svg" alt="Mtlx アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Mtlx アイコン
Mtlx アイコン のよくある質問
Mtlx アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mtlx アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:mtlx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mtlx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/mtlx.svg" alt="Mtlx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。