Mvl アイコン
token-branded:mvl
Mvl アイコン(token-branded:mvl)は、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"><g fill="none"><path fill="#072d3a" fill-rule="evenodd" d="M17.408 7.723c-.63 2.477-1.973 7.702-2.306 8.787c-.112.37-.318.918-.725 1.385c-.443.505-1.243.923-2.104.923c-1.008 0-1.6-.398-2.096-.976c-.394-.457-.566-1.004-.64-1.24l-.022-.067l-.012-.035L7.21 7.68c.006.023-.017-.057-.121-.144c-.088-.073-.277-.186-.66-.186c-.486 0-.7.55-.7 1.104a1.1 1.1 0 0 1-1.092 1.091a1.1 1.1 0 0 1-1.09-1.09v-.816c0-.366.332-1.008.753-1.491a2.76 2.76 0 0 1 2.13-.966c1.758 0 2.652 1.138 2.857 1.97l2.27 8.726l.005.015c.346 1.037 1.202.934 1.495-.025c.315-1.025 1.65-6.217 2.286-8.718l.004-.017l.005-.016c.223-.78 1.114-1.935 2.849-1.935c.936 0 1.655.418 2.122.966c.437.512.678 1.166.678 1.743v9.836a1.1 1.1 0 0 1-1.091 1.091c-.591 0-1.09-.486-1.09-1.084V7.778a.7.7 0 0 0-.118-.214c-.1-.117-.246-.215-.501-.215c-.351 0-.54.107-.64.19a.6.6 0 0 0-.15.181zM4.636 13.91a1.1 1.1 0 0 1 1.091 1.111v2.687c0 .613-.488 1.111-1.09 1.111s-1.092-.498-1.092-1.111V15.02c0-.614.49-1.111 1.091-1.111" clip-rule="evenodd"/><path fill="#f8b739" d="M3.288 12.423a.984.984 0 0 1 0-1.391l.653-.653a.983.983 0 0 1 1.39 0l.654.653a.984.984 0 0 1 0 1.39l-.653.654a.98.98 0 0 1-1.391 0z"/></g></svg>Mvl アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mvl" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mvl" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mvl" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mvl]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mvl"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mvl"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/mvl.svg" alt="Mvl アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Mvl アイコン
Mvl アイコン のよくある質問
Mvl アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mvl アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:mvl" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mvl アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/mvl.svg" alt="Mvl アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。