Иконка Mngo Background
token-branded:mngo-background
Иконка Mngo Background (token-branded:mngo-background) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- mngobackground
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#afd803" d="M24 0H0v24h24z"/><path fill="#fff" d="M13.4 14.77c-.79 1.864-2.31 3.1-4.155 3.284c-.04 0-.55.045-.825.025c1.425.974 3.059 1.6 4.77 1.83c.55.055 1.175.1 1.8.085c.225-.565.35-1.215.315-1.95c-.085-1.71.925-2.59 2.02-3.04a11 11 0 0 1-1.265-2.85c-.855.225-1.94.925-2.655 2.615z"/><path fill="#fff" d="M15.27 18.03a4.8 4.8 0 0 1-.335 1.97c1.62-.04 3.315-.5 3.75-2.225c.09-.37.1-.77-.05-1.115c-.15-.335-.435-.595-.69-.865a6.5 6.5 0 0 1-.65-.825c-1.09.45-2.11 1.35-2.025 3.06m.73-6.065c-.25-.65-.46-1.31-.78-1.92a7.8 7.8 0 0 0-1.45-1.865a4.7 4.7 0 0 1-2.154-.46c-.7.97-1.49 2.61-.765 4.48c1.074 2.765-1.1 4.655-2.5 5.825l.07.05c.26.025.525.02.785-.01c1.85-.185 3.455-1.45 4.25-3.31c.72-1.69 1.765-2.33 2.615-2.55zM6.865 8.284A6.35 6.35 0 0 0 5.25 12.63a5.8 5.8 0 0 0 .85 2.93c2.25-2.215 1.44-5.52.765-7.275"/><path fill="#fff" d="M10.89 12.2c-.725-1.876.05-3.5.74-4.47a3.9 3.9 0 0 1-1.195-.93a4.8 4.8 0 0 0-3.65 1.564c.66 1.72 1.455 4.95-.74 7.115a8.7 8.7 0 0 0 2.345 2.575c1.395-1.17 3.575-3.09 2.5-5.85zm2.71-6.465c1.52.59 2.585.75 3.36.725l.02-.015c-2.875-4.82-6.64-1.025-6.64-1.025l.005.01a6.1 6.1 0 0 1 3.25.3z"/><path fill="#fff" d="M13.62 5.7c-1.265-.49-2.45-.47-3.275-.27c2.165 3.724 6.275 1.24 6.61 1.03c-.77.024-1.815-.17-3.335-.76"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Mngo Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:mngo-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:mngo-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:mngo-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--mngo-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:mngo-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:mngo-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/mngo-background.svg" alt="Иконка Mngo Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Mngo Background
Можно ли бесплатно использовать иконку Mngo Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Mngo Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:mngo-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Mngo Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/mngo-background.svg" alt="Иконка Mngo Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.