Ícone Cosmos Hub
token:cosmos-hub
O ícone Cosmos Hub (token:cosmos-hub) é um ícone SVG gratuito da coleção Web3 Icons de 0xa3k5. Ele é desenhado em uma grade de 24 × 24. Web3 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
- Autor
- 0xa3k5
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- cosmoshub, cosmo
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 3.624L4.577 7.812v8.376L12 20.376l7.423-4.188V7.812zM19.975 7.5L12 3L4.024 7.5v9L12 21l7.975-4.5z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M11.997 8.772c-.57 0-1.034-.454-1.034-1.012c0-.557.464-1.01 1.034-1.01s1.034.453 1.034 1.01c0 .558-.464 1.012-1.034 1.012m0-1.472c-.26 0-.47.207-.47.46c0 .254.21.46.47.46s.47-.206.47-.46a.466.466 0 0 0-.47-.46" clip-rule="evenodd"/><path fill="currentColor" d="M11.73 8.94a1.3 1.3 0 0 0 .553 0v1.89a1.3 1.3 0 0 0-.553 0zm-.621 2.241l-1.677-.946a1.2 1.2 0 0 1-.276.468l1.676.945a1.2 1.2 0 0 1 .276-.467m-.276 1.169l-1.676.946a1.2 1.2 0 0 1 .276.468l1.676-.946a1.2 1.2 0 0 1-.276-.467m.898.818v1.891a1.3 1.3 0 0 1 .553 0v-1.89a1.25 1.25 0 0 1-.553 0m1.174-.352l1.677.946a1.2 1.2 0 0 1 .276-.468l-1.676-.945a1.2 1.2 0 0 1-.277.467m.277-1.17l1.676-.945a1.2 1.2 0 0 1-.276-.468l-1.677.946c.126.132.222.291.277.467"/><path fill="currentColor" fill-rule="evenodd" d="M9.142 10.395a1.05 1.05 0 0 1-1.413.37a1 1 0 0 1-.38-1.381a1.05 1.05 0 0 1 1.414-.37a1 1 0 0 1 .379 1.38m-1.304-.736a.455.455 0 0 0 .172.629a.477.477 0 0 0 .643-.169a.455.455 0 0 0-.172-.628a.477.477 0 0 0-.643.168m1.313 3.964a1 1 0 0 1-.379 1.38a1.05 1.05 0 0 1-1.413-.37a1 1 0 0 1 .38-1.38a1.05 1.05 0 0 1 1.412.37m-1.303.736c.13.22.418.294.643.168a.455.455 0 0 0 .172-.629a.477.477 0 0 0-.643-.168a.455.455 0 0 0-.172.629m4.169.869c.57 0 1.034.454 1.034 1.011c0 .558-.464 1.011-1.034 1.011s-1.034-.453-1.034-1.01c0-.558.464-1.012 1.034-1.012m0 1.472c.26 0 .47-.207.47-.46a.466.466 0 0 0-.47-.46c-.26 0-.47.206-.47.46c0 .253.21.46.47.46m2.855-3.094a1.05 1.05 0 0 1 1.413-.37a1 1 0 0 1 .379 1.381a1.05 1.05 0 0 1-1.413.37a1 1 0 0 1-.379-1.38m1.304.736a.455.455 0 0 0-.173-.628a.477.477 0 0 0-.643.168a.455.455 0 0 0 .173.628a.477.477 0 0 0 .643-.168m-1.314-3.965a1 1 0 0 1 .379-1.38a1.05 1.05 0 0 1 1.413.37a1 1 0 0 1-.38 1.38a1.05 1.05 0 0 1-1.412-.37m1.304-.735a.477.477 0 0 0-.643-.168a.455.455 0 0 0-.173.628c.13.22.418.295.643.168a.455.455 0 0 0 .173-.628m-4.169 1.889c-.26 0-.47.207-.47.46c0 .254.21.46.47.46s.47-.206.47-.46a.466.466 0 0 0-.47-.46m0 1.471c-.57 0-1.034-.453-1.034-1.01c0-.558.464-1.012 1.034-1.012s1.034.454 1.034 1.011c0 .558-.464 1.011-1.034 1.011" clip-rule="evenodd"/></svg>Como usar o ícone Cosmos Hub
React
import { Icon } from "@iconify/react";
<Icon icon="token:cosmos-hub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:cosmos-hub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:cosmos-hub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--cosmos-hub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:cosmos-hub"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:cosmos-hub"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/token/cosmos-hub.svg" alt="Ícone Cosmos Hub" width="24" height="24">Ícones relacionados em Web3 Icons
O ícone Cosmos Hub em outras coleções
Perguntas frequentes sobre Ícone Cosmos Hub
O ícone Cosmos Hub é grátis para uso comercial?
Sim. Web3 Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Cosmos Hub no React?
Instale @iconify/react e renderize <Icon icon="token:cosmos-hub" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Cosmos Hub a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/token/cosmos-hub.svg" alt="Ícone Cosmos Hub">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.