cosmos hub logo

cosmos-hub-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: cosmos-hub-background
Set: Web3 Icons Branded
Style: Background
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="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>

React

import type { SVGProps } from "react";

export function TokenBrandedCosmosHubBackground(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd)"><path fill="#ba3fd9" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12 4.554L5.402 8.277v7.446L12 19.446l6.598-3.723V8.277zM19.09 8L12 4L4.91 8v8L12 20l7.09-4z" clipRule="evenodd"/><path fill="#fff" fillRule="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" clipRule="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" fillRule="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" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-cosmos-hub-background {
  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%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22%23ba3fd9%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204.554L5.402%208.277v7.446L12%2019.446l6.598-3.723V8.277zM19.09%208L12%204L4.91%208v8L12%2020l7.09-4z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.998%209.13a.91.91%200%200%201-.92-.899a.91.91%200%200%201%20.92-.898a.91.91%200%200%201%20.918.898a.91.91%200%200%201-.918.9m0-1.308a.414.414%200%200%200-.419.41c0%20.225.188.409.419.409s.418-.184.418-.41a.414.414%200%200%200-.418-.409%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.76%209.28a1.1%201.1%200%200%200%20.492%200v1.68a1.1%201.1%200%200%200-.492%200zm-.552%201.992l-1.49-.84a1.05%201.05%200%200%201-.246.415l1.49.84c.049-.156.134-.298.245-.415m-.246%201.04l-1.49.84a1.1%201.1%200%200%201%20.246.416l1.49-.84a1.1%201.1%200%200%201-.246-.416m.799.728v1.68a1.1%201.1%200%200%201%20.492%200v-1.68a1.1%201.1%200%200%201-.492%200m1.044-.313l1.49.841a1.05%201.05%200%200%201%20.246-.416l-1.49-.84c-.05.156-.135.298-.246.415m.246-1.04l1.49-.84a1.06%201.06%200%200%201-.246-.416l-1.49.841c.111.117.197.259.246.415%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.46%2010.573a.93.93%200%200%201-1.257.329a.89.89%200%200%201-.336-1.227a.93.93%200%200%201%201.255-.329c.44.248.59.798.337%201.227M8.3%209.92a.404.404%200%200%200%20.154.559c.2.113.456.046.571-.15a.404.404%200%200%200-.153-.558a.424.424%200%200%200-.572.15m1.168%203.521a.89.89%200%200%201-.337%201.227a.93.93%200%200%201-1.256-.329a.89.89%200%200%201%20.337-1.227a.93.93%200%200%201%201.256.329m-1.159.653a.424.424%200%200%200%20.572.15a.404.404%200%200%200%20.153-.558a.424.424%200%200%200-.571-.15a.404.404%200%200%200-.154.558m3.706.774a.91.91%200%200%201%20.92.899a.91.91%200%200%201-.92.898a.91.91%200%200%201-.919-.899a.91.91%200%200%201%20.92-.898m0%201.308c.23%200%20.418-.184.418-.41a.414.414%200%200%200-.418-.409a.414.414%200%200%200-.418.41c0%20.225.188.409.418.409m2.537-2.75a.93.93%200%200%201%201.256-.328c.44.247.59.798.337%201.226a.93.93%200%200%201-1.256.329a.89.89%200%200%201-.337-1.227m1.159.654a.404.404%200%200%200-.153-.559a.424.424%200%200%200-.572.15a.404.404%200%200%200%20.153.558c.2.113.457.046.572-.15m-1.168-3.522a.89.89%200%200%201%20.337-1.227a.93.93%200%200%201%201.256.328a.89.89%200%200%201-.337%201.227a.93.93%200%200%201-1.256-.328m1.159-.654a.424.424%200%200%200-.572-.15a.404.404%200%200%200-.153.559a.424.424%200%200%200%20.571.15a.404.404%200%200%200%20.154-.56m-3.705%201.68a.414.414%200%200%200-.419.41c0%20.225.188.409.419.409s.418-.184.418-.41a.414.414%200%200%200-.418-.409m0%201.308a.91.91%200%200%201-.92-.899a.91.91%200%200%201%20.92-.898a.91.91%200%200%201%20.919.899a.91.91%200%200%201-.92.898%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22%23ba3fd9%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204.554L5.402%208.277v7.446L12%2019.446l6.598-3.723V8.277zM19.09%208L12%204L4.91%208v8L12%2020l7.09-4z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M11.998%209.13a.91.91%200%200%201-.92-.899a.91.91%200%200%201%20.92-.898a.91.91%200%200%201%20.918.898a.91.91%200%200%201-.918.9m0-1.308a.414.414%200%200%200-.419.41c0%20.225.188.409.419.409s.418-.184.418-.41a.414.414%200%200%200-.418-.409%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.76%209.28a1.1%201.1%200%200%200%20.492%200v1.68a1.1%201.1%200%200%200-.492%200zm-.552%201.992l-1.49-.84a1.05%201.05%200%200%201-.246.415l1.49.84c.049-.156.134-.298.245-.415m-.246%201.04l-1.49.84a1.1%201.1%200%200%201%20.246.416l1.49-.84a1.1%201.1%200%200%201-.246-.416m.799.728v1.68a1.1%201.1%200%200%201%20.492%200v-1.68a1.1%201.1%200%200%201-.492%200m1.044-.313l1.49.841a1.05%201.05%200%200%201%20.246-.416l-1.49-.84c-.05.156-.135.298-.246.415m.246-1.04l1.49-.84a1.06%201.06%200%200%201-.246-.416l-1.49.841c.111.117.197.259.246.415%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.46%2010.573a.93.93%200%200%201-1.257.329a.89.89%200%200%201-.336-1.227a.93.93%200%200%201%201.255-.329c.44.248.59.798.337%201.227M8.3%209.92a.404.404%200%200%200%20.154.559c.2.113.456.046.571-.15a.404.404%200%200%200-.153-.558a.424.424%200%200%200-.572.15m1.168%203.521a.89.89%200%200%201-.337%201.227a.93.93%200%200%201-1.256-.329a.89.89%200%200%201%20.337-1.227a.93.93%200%200%201%201.256.329m-1.159.653a.424.424%200%200%200%20.572.15a.404.404%200%200%200%20.153-.558a.424.424%200%200%200-.571-.15a.404.404%200%200%200-.154.558m3.706.774a.91.91%200%200%201%20.92.899a.91.91%200%200%201-.92.898a.91.91%200%200%201-.919-.899a.91.91%200%200%201%20.92-.898m0%201.308c.23%200%20.418-.184.418-.41a.414.414%200%200%200-.418-.409a.414.414%200%200%200-.418.41c0%20.225.188.409.418.409m2.537-2.75a.93.93%200%200%201%201.256-.328c.44.247.59.798.337%201.226a.93.93%200%200%201-1.256.329a.89.89%200%200%201-.337-1.227m1.159.654a.404.404%200%200%200-.153-.559a.424.424%200%200%200-.572.15a.404.404%200%200%200%20.153.558c.2.113.457.046.572-.15m-1.168-3.522a.89.89%200%200%201%20.337-1.227a.93.93%200%200%201%201.256.328a.89.89%200%200%201-.337%201.227a.93.93%200%200%201-1.256-.328m1.159-.654a.424.424%200%200%200-.572-.15a.404.404%200%200%200-.153.559a.424.424%200%200%200%20.571.15a.404.404%200%200%200%20.154-.56m-3.705%201.68a.414.414%200%200%200-.419.41c0%20.225.188.409.419.409s.418-.184.418-.41a.414.414%200%200%200-.418-.409m0%201.308a.91.91%200%200%201-.92-.899a.91.91%200%200%201%20.92-.898a.91.91%200%200%201%20.919.899a.91.91%200%200%201-.92.898%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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-background.svg?color=%231a73e8&size=48