cosmos hub logo
cosmos-hub from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- cosmos-hub
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the cosmos hub logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#ba3fd9"><path 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-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 d="M11.731 8.94a1.25 1.25 0 0 0 .553 0v1.89a1.3 1.3 0 0 0-.553 0zm-.621 2.241l-1.676-.946a1.2 1.2 0 0 1-.277.468l1.676.945c.056-.176.151-.335.277-.467m-.277 1.169l-1.676.946a1.2 1.2 0 0 1 .277.468l1.676-.946a1.2 1.2 0 0 1-.277-.467m.898.818v1.891a1.3 1.3 0 0 1 .553 0v-1.89a1.25 1.25 0 0 1-.553 0m1.173-.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-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.313-3.965a1 1 0 0 1 .38-1.38a1.05 1.05 0 0 1 1.412.37a1 1 0 0 1-.379 1.38a1.05 1.05 0 0 1-1.413-.37m1.304-.735a.477.477 0 0 0-.643-.168a.455.455 0 0 0-.172.628c.13.22.418.295.643.168a.455.455 0 0 0 .172-.628m-4.17 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"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCosmosHub(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#ba3fd9"><path fillRule="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" clipRule="evenodd"/><path fillRule="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" clipRule="evenodd"/><path d="M11.731 8.94a1.25 1.25 0 0 0 .553 0v1.89a1.3 1.3 0 0 0-.553 0zm-.621 2.241l-1.676-.946a1.2 1.2 0 0 1-.277.468l1.676.945c.056-.176.151-.335.277-.467m-.277 1.169l-1.676.946a1.2 1.2 0 0 1 .277.468l1.676-.946a1.2 1.2 0 0 1-.277-.467m.898.818v1.891a1.3 1.3 0 0 1 .553 0v-1.89a1.25 1.25 0 0 1-.553 0m1.173-.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 fillRule="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.313-3.965a1 1 0 0 1 .38-1.38a1.05 1.05 0 0 1 1.412.37a1 1 0 0 1-.379 1.38a1.05 1.05 0 0 1-1.413-.37m1.304-.735a.477.477 0 0 0-.643-.168a.455.455 0 0 0-.172.628c.13.22.418.295.643.168a.455.455 0 0 0 .172-.628m-4.17 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" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#ba3fd9"><path 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-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 d="M11.731 8.94a1.25 1.25 0 0 0 .553 0v1.89a1.3 1.3 0 0 0-.553 0zm-.621 2.241l-1.676-.946a1.2 1.2 0 0 1-.277.468l1.676.945c.056-.176.151-.335.277-.467m-.277 1.169l-1.676.946a1.2 1.2 0 0 1 .277.468l1.676-.946a1.2 1.2 0 0 1-.277-.467m.898.818v1.891a1.3 1.3 0 0 1 .553 0v-1.89a1.25 1.25 0 0 1-.553 0m1.173-.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-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.313-3.965a1 1 0 0 1 .38-1.38a1.05 1.05 0 0 1 1.412.37a1 1 0 0 1-.379 1.38a1.05 1.05 0 0 1-1.413-.37m1.304-.735a.477.477 0 0 0-.643-.168a.455.455 0 0 0-.172.628c.13.22.418.295.643.168a.455.455 0 0 0 .172-.628m-4.17 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"/></g></svg> </template>
CSS
.icon-cosmos-hub {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23ba3fd9%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%203.624L4.577%207.812v8.376L12%2020.376l7.423-4.188V7.812zM19.975%207.5L12%203L4.024%207.5v9L12%2021l7.975-4.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.997%208.772c-.57%200-1.034-.454-1.034-1.012c0-.557.464-1.01%201.034-1.01s1.034.453%201.034%201.01c0%20.558-.464%201.012-1.034%201.012m0-1.472c-.26%200-.47.207-.47.46c0%20.254.21.46.47.46s.47-.206.47-.46a.466.466%200%200%200-.47-.46%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M11.731%208.94a1.25%201.25%200%200%200%20.553%200v1.89a1.3%201.3%200%200%200-.553%200zm-.621%202.241l-1.676-.946a1.2%201.2%200%200%201-.277.468l1.676.945c.056-.176.151-.335.277-.467m-.277%201.169l-1.676.946a1.2%201.2%200%200%201%20.277.468l1.676-.946a1.2%201.2%200%200%201-.277-.467m.898.818v1.891a1.3%201.3%200%200%201%20.553%200v-1.89a1.25%201.25%200%200%201-.553%200m1.173-.352l1.677.946a1.2%201.2%200%200%201%20.276-.468l-1.676-.945a1.2%201.2%200%200%201-.277.467m.277-1.17l1.676-.945a1.2%201.2%200%200%201-.276-.468l-1.677.946c.126.132.222.291.277.467%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.142%2010.395a1.05%201.05%200%200%201-1.413.37a1%201%200%200%201-.38-1.381a1.05%201.05%200%200%201%201.414-.37a1%201%200%200%201%20.379%201.38m-1.304-.736a.455.455%200%200%200%20.172.629a.477.477%200%200%200%20.643-.169a.455.455%200%200%200-.172-.628a.477.477%200%200%200-.643.168m1.313%203.964a1%201%200%200%201-.379%201.38a1.05%201.05%200%200%201-1.413-.37a1%201%200%200%201%20.38-1.38a1.05%201.05%200%200%201%201.412.37m-1.303.736c.13.22.418.294.643.168a.455.455%200%200%200%20.172-.629a.477.477%200%200%200-.643-.168a.455.455%200%200%200-.172.629m4.169.869c.57%200%201.034.454%201.034%201.011c0%20.558-.464%201.011-1.034%201.011s-1.034-.453-1.034-1.01c0-.558.464-1.012%201.034-1.012m0%201.472c.26%200%20.47-.207.47-.46a.466.466%200%200%200-.47-.46c-.26%200-.47.206-.47.46c0%20.253.21.46.47.46m2.855-3.094a1.05%201.05%200%200%201%201.413-.37a1%201%200%200%201%20.379%201.381a1.05%201.05%200%200%201-1.413.37a1%201%200%200%201-.379-1.38m1.304.736a.455.455%200%200%200-.173-.628a.477.477%200%200%200-.643.168a.455.455%200%200%200%20.173.628a.477.477%200%200%200%20.643-.168m-1.313-3.965a1%201%200%200%201%20.38-1.38a1.05%201.05%200%200%201%201.412.37a1%201%200%200%201-.379%201.38a1.05%201.05%200%200%201-1.413-.37m1.304-.735a.477.477%200%200%200-.643-.168a.455.455%200%200%200-.172.628c.13.22.418.295.643.168a.455.455%200%200%200%20.172-.628m-4.17%201.889c-.26%200-.47.207-.47.46c0%20.254.21.46.47.46s.47-.206.47-.46a.466.466%200%200%200-.47-.46m0%201.471c-.57%200-1.034-.453-1.034-1.01c0-.558.464-1.012%201.034-1.012s1.034.454%201.034%201.011c0%20.558-.464%201.011-1.034%201.011%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22%23ba3fd9%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%203.624L4.577%207.812v8.376L12%2020.376l7.423-4.188V7.812zM19.975%207.5L12%203L4.024%207.5v9L12%2021l7.975-4.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.997%208.772c-.57%200-1.034-.454-1.034-1.012c0-.557.464-1.01%201.034-1.01s1.034.453%201.034%201.01c0%20.558-.464%201.012-1.034%201.012m0-1.472c-.26%200-.47.207-.47.46c0%20.254.21.46.47.46s.47-.206.47-.46a.466.466%200%200%200-.47-.46%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M11.731%208.94a1.25%201.25%200%200%200%20.553%200v1.89a1.3%201.3%200%200%200-.553%200zm-.621%202.241l-1.676-.946a1.2%201.2%200%200%201-.277.468l1.676.945c.056-.176.151-.335.277-.467m-.277%201.169l-1.676.946a1.2%201.2%200%200%201%20.277.468l1.676-.946a1.2%201.2%200%200%201-.277-.467m.898.818v1.891a1.3%201.3%200%200%201%20.553%200v-1.89a1.25%201.25%200%200%201-.553%200m1.173-.352l1.677.946a1.2%201.2%200%200%201%20.276-.468l-1.676-.945a1.2%201.2%200%200%201-.277.467m.277-1.17l1.676-.945a1.2%201.2%200%200%201-.276-.468l-1.677.946c.126.132.222.291.277.467%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.142%2010.395a1.05%201.05%200%200%201-1.413.37a1%201%200%200%201-.38-1.381a1.05%201.05%200%200%201%201.414-.37a1%201%200%200%201%20.379%201.38m-1.304-.736a.455.455%200%200%200%20.172.629a.477.477%200%200%200%20.643-.169a.455.455%200%200%200-.172-.628a.477.477%200%200%200-.643.168m1.313%203.964a1%201%200%200%201-.379%201.38a1.05%201.05%200%200%201-1.413-.37a1%201%200%200%201%20.38-1.38a1.05%201.05%200%200%201%201.412.37m-1.303.736c.13.22.418.294.643.168a.455.455%200%200%200%20.172-.629a.477.477%200%200%200-.643-.168a.455.455%200%200%200-.172.629m4.169.869c.57%200%201.034.454%201.034%201.011c0%20.558-.464%201.011-1.034%201.011s-1.034-.453-1.034-1.01c0-.558.464-1.012%201.034-1.012m0%201.472c.26%200%20.47-.207.47-.46a.466.466%200%200%200-.47-.46c-.26%200-.47.206-.47.46c0%20.253.21.46.47.46m2.855-3.094a1.05%201.05%200%200%201%201.413-.37a1%201%200%200%201%20.379%201.381a1.05%201.05%200%200%201-1.413.37a1%201%200%200%201-.379-1.38m1.304.736a.455.455%200%200%200-.173-.628a.477.477%200%200%200-.643.168a.455.455%200%200%200%20.173.628a.477.477%200%200%200%20.643-.168m-1.313-3.965a1%201%200%200%201%20.38-1.38a1.05%201.05%200%200%201%201.412.37a1%201%200%200%201-.379%201.38a1.05%201.05%200%200%201-1.413-.37m1.304-.735a.477.477%200%200%200-.643-.168a.455.455%200%200%200-.172.628c.13.22.418.295.643.168a.455.455%200%200%200%20.172-.628m-4.17%201.889c-.26%200-.47.207-.47.46c0%20.254.21.46.47.46s.47-.206.47-.46a.466.466%200%200%200-.47-.46m0%201.471c-.57%200-1.034-.453-1.034-1.01c0-.558.464-1.012%201.034-1.012s1.034.454%201.034%201.011c0%20.558-.464%201.011-1.034%201.011%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/cosmos-hub.svg?color=%231a73e8&size=48
