Иконка Moc Background
token-branded:moc-background
Иконка Moc Background (token-branded:moc-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
- Теги
- mocbackground
Код 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="#fff" d="M24 0H0v24h24z"/><path fill="#9ce3e5" d="M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16"/><path fill="#4f97a5" d="M20 12a8 8 0 0 1-16 0z"/><path fill="#36c7ce" d="M12 19.5a7.5 7.5 0 1 0 0-15a7.5 7.5 0 0 0 0 15"/><path fill="#359bb1" d="M12.85 19.95L8.2 15.5l1.62-5.33l1.87 2.12l3.625-3.79L19.94 13a8.3 8.3 0 0 1-1.59 3.885a8.16 8.16 0 0 1-5.5 3.065"/><path fill="#3ab1d3" d="M19.5 12c0-2.625-3.235-7-7.5-7s-7.5 3.995-7.5 7a7.5 7.5 0 1 1 15 0"/><path fill="#28808e" d="M8.385 11.315v-2.58h1.645l1.88 3.085l1.85-3.085h1.74v2.58l1.5-.235l.2.235V12h-1.7v.715l1.495-.235l.2.235v.7H15.5v2.325h-1.535l-.2-.24l.2-4.185l-2.1 2.85l-1.96-2.85v4.425h-1.44L8.2 15.5l.185-2.085h-1.7l-.185-.24l.185-.46h1.7v-.73h-1.7L6.5 11.75l.185-.435z"/><path fill="#ebebeb" d="M8.2 11.08V8.5h1.72l1.8 2.955L13.56 8.5h1.75v2.58H17v.67h-1.685v.725H17v.7h-1.685V15.5h-1.55v-4.42l-2.05 2.86l-2-2.86v4.42H8.2v-2.325H6.5v-.7h1.7v-.725H6.5v-.67z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Moc Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:moc-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:moc-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:moc-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--moc-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:moc-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:moc-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/moc-background.svg" alt="Иконка Moc Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Moc Background
Можно ли бесплатно использовать иконку Moc Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Moc Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:moc-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Moc Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/moc-background.svg" alt="Иконка Moc Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.