Иконка Cosmos Hub Background
token-branded:cosmos-hub-background
Иконка Cosmos Hub Background (token-branded:cosmos-hub-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
- Теги
- cosmoshub, hubbackground, cosmoshubbackground, cosmo
Код 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="#ba3fd9" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 4.554L5.402 8.277v7.446L12 19.446l6.598-3.723V8.277zM19.09 8L12 4L4.91 8v8L12 20l7.09-4z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M11.998 9.13a.91.91 0 0 1-.92-.899a.91.91 0 0 1 .92-.898a.91.91 0 0 1 .918.898a.91.91 0 0 1-.918.9m0-1.308a.414.414 0 0 0-.419.41c0 .225.188.409.419.409s.418-.184.418-.41a.414.414 0 0 0-.418-.409" clip-rule="evenodd"/><path fill="#fff" d="M11.76 9.28a1.1 1.1 0 0 0 .492 0v1.68a1.1 1.1 0 0 0-.492 0zm-.552 1.992l-1.49-.84a1.05 1.05 0 0 1-.246.415l1.49.84c.049-.156.134-.298.245-.415m-.246 1.04l-1.49.84a1.1 1.1 0 0 1 .246.416l1.49-.84a1.1 1.1 0 0 1-.246-.416m.799.728v1.68a1.1 1.1 0 0 1 .492 0v-1.68a1.1 1.1 0 0 1-.492 0m1.044-.313l1.49.841a1.05 1.05 0 0 1 .246-.416l-1.49-.84c-.05.156-.135.298-.246.415m.246-1.04l1.49-.84a1.06 1.06 0 0 1-.246-.416l-1.49.841c.111.117.197.259.246.415"/><path fill="#fff" fill-rule="evenodd" d="M9.46 10.573a.93.93 0 0 1-1.257.329a.89.89 0 0 1-.336-1.227a.93.93 0 0 1 1.255-.329c.44.248.59.798.337 1.227M8.3 9.92a.404.404 0 0 0 .154.559c.2.113.456.046.571-.15a.404.404 0 0 0-.153-.558a.424.424 0 0 0-.572.15m1.168 3.521a.89.89 0 0 1-.337 1.227a.93.93 0 0 1-1.256-.329a.89.89 0 0 1 .337-1.227a.93.93 0 0 1 1.256.329m-1.159.653a.424.424 0 0 0 .572.15a.404.404 0 0 0 .153-.558a.424.424 0 0 0-.571-.15a.404.404 0 0 0-.154.558m3.706.774a.91.91 0 0 1 .92.899a.91.91 0 0 1-.92.898a.91.91 0 0 1-.919-.899a.91.91 0 0 1 .92-.898m0 1.308c.23 0 .418-.184.418-.41a.414.414 0 0 0-.418-.409a.414.414 0 0 0-.418.41c0 .225.188.409.418.409m2.537-2.75a.93.93 0 0 1 1.256-.328c.44.247.59.798.337 1.226a.93.93 0 0 1-1.256.329a.89.89 0 0 1-.337-1.227m1.159.654a.404.404 0 0 0-.153-.559a.424.424 0 0 0-.572.15a.404.404 0 0 0 .153.558c.2.113.457.046.572-.15m-1.168-3.522a.89.89 0 0 1 .337-1.227a.93.93 0 0 1 1.256.328a.89.89 0 0 1-.337 1.227a.93.93 0 0 1-1.256-.328m1.159-.654a.424.424 0 0 0-.572-.15a.404.404 0 0 0-.153.559a.424.424 0 0 0 .571.15a.404.404 0 0 0 .154-.56m-3.705 1.68a.414.414 0 0 0-.419.41c0 .225.188.409.419.409s.418-.184.418-.41a.414.414 0 0 0-.418-.409m0 1.308a.91.91 0 0 1-.92-.899a.91.91 0 0 1 .92-.898a.91.91 0 0 1 .919.899a.91.91 0 0 1-.92.898" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Cosmos Hub Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:cosmos-hub-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:cosmos-hub-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:cosmos-hub-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--cosmos-hub-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:cosmos-hub-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:cosmos-hub-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/cosmos-hub-background.svg" alt="Иконка Cosmos Hub Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Cosmos Hub Background
Можно ли бесплатно использовать иконку Cosmos Hub Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cosmos Hub Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:cosmos-hub-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cosmos Hub Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/cosmos-hub-background.svg" alt="Иконка Cosmos Hub Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.