Ícone Cosmos Hub Background
token-branded:cosmos-hub-background
O ícone Cosmos Hub Background (token-branded:cosmos-hub-background) é um ícone SVG gratuito da coleção Web3 Icons Branded de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 Icons Branded icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Web3 Icons Branded
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- cosmoshub, hubbackground, cosmoshubbackground, cosmo
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token-branded/cosmos-hub-background.svg" alt="Ícone Cosmos Hub Background" width="24" height="24">Ícones relacionados em Web3 Icons Branded
Perguntas frequentes sobre Ícone Cosmos Hub Background
O ícone Cosmos Hub Background é grátis para uso comercial?
Sim. Web3 Icons Branded icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cosmos Hub Background no React?
Instale @iconify/react e renderize <Icon icon="token-branded:cosmos-hub-background" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cosmos Hub Background a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token-branded/cosmos-hub-background.svg" alt="Ícone Cosmos Hub Background">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.