Иконка Mvx
token-branded:mvx
Иконка Mvx (token-branded:mvx) — бесплатная SVG-иконка из набора Web3 Icons Branded от 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Mvx в React?
Установите @iconify/react и выведите <Icon icon="token-branded:mvx" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Mvx на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/mvx.svg" alt="Иконка Mvx">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.