Mvx アイコン
token-branded:mvx
Mvx アイコン(token-branded:mvx)は、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="url(#SVGPeblTwVc)" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18"/><path fill="url(#SVGMG8JfhCs)" d="M20.12 12a8.121 8.121 0 1 1-16.242 0a8.121 8.121 0 0 1 16.243 0"/><path fill="url(#SVGIYSJdd6q)" fill-rule="evenodd" d="M12 19.973a7.979 7.979 0 1 0 .41-15.953A7.979 7.979 0 0 0 12 19.973m0 .148A8.121 8.121 0 1 0 12 3.88a8.121 8.121 0 0 0 0 16.242" clip-rule="evenodd"/><path fill="url(#SVG0xwMFdoM)" d="m9.39 20.557l8.418-8.402l-2.86-2.827l-2.964.116l-2.986-2.72l-5.93 6.13c-.19.095.763 2.679 2.849 5.379c2.08 2.7 2.186 2.615 3.473 2.324"/><path fill="url(#SVGiJHeteja)" d="m12 17.887l5.823-5.718V9.384L12 15.107z"/><path fill="url(#SVGjXnRqbrv)" d="m12 17.887l-5.823-5.718V9.384L12 15.107z"/><path fill="url(#SVGSpbT9bWd)" d="m12.01 9.421l-2.954 2.896v2.69L12.01 12.2z"/><path fill="url(#SVGz3mGQxfp)" d="m12 9.421l2.943 2.896v2.69L12 12.2z"/><path fill="url(#SVG2Va2zcns)" d="m17.824 12.16l-2.88-2.828V6.558l2.88 2.822z"/><path fill="url(#SVGic5iGbql)" d="m6.177 12.16l2.885-2.828V6.558L6.177 9.38z"/><path fill="#d28a1c" d="m11.99 12.228l2.954-2.896V6.558l-2.954 2.89z"/><path fill="#ffaa27" d="M12 12.228L9.062 9.332V6.558L12 9.448z"/><defs><linearGradient id="SVGPeblTwVc" x1="23.197" x2="12" y1="-.182" y2="22.938" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#fdebee"/><stop offset=".5" stop-color="#4d259b"/><stop offset=".71" stop-color="#291d99"/><stop offset="1" stop-color="#120c40"/></linearGradient><linearGradient id="SVGMG8JfhCs" x1="19.134" x2="4.079" y1="4.179" y2="18.935" gradientUnits="userSpaceOnUse"><stop stop-color="#cabfff"/><stop offset=".5" stop-color="#4d259b"/><stop offset=".71" stop-color="#291d99"/><stop offset="1" stop-color="#120c40"/></linearGradient><linearGradient id="SVGIYSJdd6q" x1="17.418" x2="3.702" y1="3" y2="19.816" gradientUnits="userSpaceOnUse"><stop stop-color="#7d51a3"/><stop offset="1" stop-color="#3a28ee"/></linearGradient><linearGradient id="SVG0xwMFdoM" x1="14.5" x2="7.56" y1="8.375" y2="17.216" gradientUnits="userSpaceOnUse"><stop stop-opacity=".71"/><stop offset=".98" stop-opacity="0"/></linearGradient><linearGradient id="SVGiJHeteja" x1="46.805" x2="15.596" y1="-5.81" y2="38.616" gradientUnits="userSpaceOnUse"><stop offset=".49" stop-color="#ffaa27"/><stop offset=".85" stop-color="#5547bf"/><stop offset="1" stop-color="#180d65"/></linearGradient><linearGradient id="SVGjXnRqbrv" x1="-14.46" x2="5.569" y1="-8.634" y2="26.33" gradientUnits="userSpaceOnUse"><stop offset=".49" stop-color="#ffaa27"/><stop offset="1" stop-color="#8679e8"/></linearGradient><linearGradient id="SVGSpbT9bWd" x1="2.58" x2="8.644" y1="18.15" y2="7.639" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ffc772" stop-opacity=".63"/></linearGradient><linearGradient id="SVGz3mGQxfp" x1="23.946" x2="17.19" y1="16.854" y2="5.252" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ffc772" stop-opacity=".63"/></linearGradient><linearGradient id="SVG2Va2zcns" x1="-53.812" x2="-50.848" y1="7.611" y2="26.198" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ffc772" stop-opacity=".47"/></linearGradient><linearGradient id="SVGic5iGbql" x1="21.397" x2="11.912" y1="6.063" y2="22.3" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#ffc772" stop-opacity=".63"/></linearGradient></defs></g></svg>Mvx アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mvx" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mvx" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mvx" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mvx]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mvx"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mvx"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/mvx.svg" alt="Mvx アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Mvx アイコン のよくある質問
Mvx アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mvx アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:mvx" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mvx アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/mvx.svg" alt="Mvx アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。