Иконка Nebo
token-branded:nebo
Иконка Nebo (token-branded:nebo) — бесплатная 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="#fff" d="M20.996 3v8.546c-.011 2.502-.841 4.97-2.688 6.822a8.96 8.96 0 0 1-12.685 0A9 9 0 0 1 10.749 3.11A13 13 0 0 1 12.34 3zm-.58.58H12.34c-.493-.023-1.01.053-1.51.117a8.407 8.407 0 0 0-4.79 14.247a8.36 8.36 0 0 0 11.845 0c1.759-1.76 2.52-4.03 2.53-6.398z"/><path fill="url(#SVGtOyRYbeJ)" d="M19.155 14.322a7.514 7.514 0 0 1-12.158 3.246l2.19-2.195c2.554 2.206 6.838 1.742 9.968-1.05M9.674 4.86C6.875 7.965 6.417 12.232 8.6 14.787L6.405 16.98A7.5 7.5 0 0 1 9.674 4.853zm9.852 3.814c.006-.006 0 .006 0 0v4.012a7 7 0 0 1-.575.638c-2.833 2.84-6.85 3.385-9.167 1.446l2.48-2.479c1.364.871 3.912.052 5.95-1.985l.18-.18c.197-.21.389-.43.557-.645l.093-.116h.006l.017-.03l.035-.04l.018-.023c.15-.197.29-.406.412-.604zm-4.261-4.186q-.33.21-.662.465l-.105.087q-.33.261-.644.557l-.186.174c-2.032 2.032-2.85 4.575-1.991 5.945l-2.473 2.468c-1.916-2.317-1.365-6.311 1.463-9.138c.174-.18.65-.57.65-.57zm4.284-.017V6.59q-.154.541-.412 1.045q-.337.664-.801 1.248a10 10 0 0 1-.551.65l-.18.18a7.4 7.4 0 0 1-3.118 1.945c-.894.25-1.58.145-1.945-.22c-.36-.36-.465-1.045-.215-1.945a7.4 7.4 0 0 1 1.945-3.118l.18-.174a8.3 8.3 0 0 1 1.898-1.353c.302-.15.604-.279.894-.371h.012l2.305-.006z"/><defs><linearGradient id="SVGtOyRYbeJ" x1="18.806" x2="6.463" y1="5.01" y2="17.736" gradientUnits="userSpaceOnUse"><stop stop-color="#49fdff"/><stop offset="1" stop-color="#00afad"/></linearGradient></defs></g></svg>Как использовать иконку Nebo
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:nebo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:nebo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:nebo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--nebo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:nebo"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:nebo"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/nebo.svg" alt="Иконка Nebo" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Иконка Nebo в других наборах
Вопросы и ответы: Иконка Nebo
Можно ли бесплатно использовать иконку Nebo в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Nebo в React?
Установите @iconify/react и выведите <Icon icon="token-branded:nebo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Nebo на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/nebo.svg" alt="Иконка Nebo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.