hubble exchange logo
hubble-exchange from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- hubble-exchange
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the hubble exchange logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.579 3.137v2.267a6.78 6.78 0 0 1 3.206 11.405a6.78 6.78 0 0 1-4.278 1.953v-1.541a5.244 5.244 0 0 0 3.468-8.645A5.24 5.24 0 0 0 12.687 6.8v2.438a2.844 2.844 0 0 0-2.951 4.479l.502-.502a2.144 2.144 0 0 1 2.978-2.98l.502-.503q-.301-.23-.652-.37V8.194a3.95 3.95 0 0 1-1.06 7.756V21q.255 0 .504-.014a9 9 0 0 0 6.56-14.558a9 9 0 0 0-5.491-3.291M14.846 12a2.84 2.84 0 0 0-.636-1.793l-.5.5a2.143 2.143 0 0 1-3.002 3.002l-.499.499c.22.18.466.325.729.43v1.168a3.95 3.95 0 0 1 1.064-7.757V3a9 9 0 0 0-8.967 8.21a9 9 0 0 0 7.391 9.653v-2.27A6.781 6.781 0 0 1 11.5 5.238v1.541a5.244 5.244 0 0 0-3.468 8.645A5.25 5.25 0 0 0 11.32 17.2v-2.438a2.844 2.844 0 0 0 3.238-1.517c.19-.388.288-.813.288-1.245"/><path fill="currentColor" d="M13.316 12a1.313 1.313 0 1 1-.1-.498c.066.159.1.33.1.502z"/></svg>
React
import type { SVGProps } from "react";
export function TokenHubbleExchange(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.579 3.137v2.267a6.78 6.78 0 0 1 3.206 11.405a6.78 6.78 0 0 1-4.278 1.953v-1.541a5.244 5.244 0 0 0 3.468-8.645A5.24 5.24 0 0 0 12.687 6.8v2.438a2.844 2.844 0 0 0-2.951 4.479l.502-.502a2.144 2.144 0 0 1 2.978-2.98l.502-.503q-.301-.23-.652-.37V8.194a3.95 3.95 0 0 1-1.06 7.756V21q.255 0 .504-.014a9 9 0 0 0 6.56-14.558a9 9 0 0 0-5.491-3.291M14.846 12a2.84 2.84 0 0 0-.636-1.793l-.5.5a2.143 2.143 0 0 1-3.002 3.002l-.499.499c.22.18.466.325.729.43v1.168a3.95 3.95 0 0 1 1.064-7.757V3a9 9 0 0 0-8.967 8.21a9 9 0 0 0 7.391 9.653v-2.27A6.781 6.781 0 0 1 11.5 5.238v1.541a5.244 5.244 0 0 0-3.468 8.645A5.25 5.25 0 0 0 11.32 17.2v-2.438a2.844 2.844 0 0 0 3.238-1.517c.19-.388.288-.813.288-1.245"/><path fill="currentColor" d="M13.316 12a1.313 1.313 0 1 1-.1-.498c.066.159.1.33.1.502z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13.579 3.137v2.267a6.78 6.78 0 0 1 3.206 11.405a6.78 6.78 0 0 1-4.278 1.953v-1.541a5.244 5.244 0 0 0 3.468-8.645A5.24 5.24 0 0 0 12.687 6.8v2.438a2.844 2.844 0 0 0-2.951 4.479l.502-.502a2.144 2.144 0 0 1 2.978-2.98l.502-.503q-.301-.23-.652-.37V8.194a3.95 3.95 0 0 1-1.06 7.756V21q.255 0 .504-.014a9 9 0 0 0 6.56-14.558a9 9 0 0 0-5.491-3.291M14.846 12a2.84 2.84 0 0 0-.636-1.793l-.5.5a2.143 2.143 0 0 1-3.002 3.002l-.499.499c.22.18.466.325.729.43v1.168a3.95 3.95 0 0 1 1.064-7.757V3a9 9 0 0 0-8.967 8.21a9 9 0 0 0 7.391 9.653v-2.27A6.781 6.781 0 0 1 11.5 5.238v1.541a5.244 5.244 0 0 0-3.468 8.645A5.25 5.25 0 0 0 11.32 17.2v-2.438a2.844 2.844 0 0 0 3.238-1.517c.19-.388.288-.813.288-1.245"/><path fill="currentColor" d="M13.316 12a1.313 1.313 0 1 1-.1-.498c.066.159.1.33.1.502z"/></svg> </template>
CSS
.icon-hubble-exchange {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.579%203.137v2.267a6.78%206.78%200%200%201%203.206%2011.405a6.78%206.78%200%200%201-4.278%201.953v-1.541a5.244%205.244%200%200%200%203.468-8.645A5.24%205.24%200%200%200%2012.687%206.8v2.438a2.844%202.844%200%200%200-2.951%204.479l.502-.502a2.144%202.144%200%200%201%202.978-2.98l.502-.503q-.301-.23-.652-.37V8.194a3.95%203.95%200%200%201-1.06%207.756V21q.255%200%20.504-.014a9%209%200%200%200%206.56-14.558a9%209%200%200%200-5.491-3.291M14.846%2012a2.84%202.84%200%200%200-.636-1.793l-.5.5a2.143%202.143%200%200%201-3.002%203.002l-.499.499c.22.18.466.325.729.43v1.168a3.95%203.95%200%200%201%201.064-7.757V3a9%209%200%200%200-8.967%208.21a9%209%200%200%200%207.391%209.653v-2.27A6.781%206.781%200%200%201%2011.5%205.238v1.541a5.244%205.244%200%200%200-3.468%208.645A5.25%205.25%200%200%200%2011.32%2017.2v-2.438a2.844%202.844%200%200%200%203.238-1.517c.19-.388.288-.813.288-1.245%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.316%2012a1.313%201.313%200%201%201-.1-.498c.066.159.1.33.1.502z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.579%203.137v2.267a6.78%206.78%200%200%201%203.206%2011.405a6.78%206.78%200%200%201-4.278%201.953v-1.541a5.244%205.244%200%200%200%203.468-8.645A5.24%205.24%200%200%200%2012.687%206.8v2.438a2.844%202.844%200%200%200-2.951%204.479l.502-.502a2.144%202.144%200%200%201%202.978-2.98l.502-.503q-.301-.23-.652-.37V8.194a3.95%203.95%200%200%201-1.06%207.756V21q.255%200%20.504-.014a9%209%200%200%200%206.56-14.558a9%209%200%200%200-5.491-3.291M14.846%2012a2.84%202.84%200%200%200-.636-1.793l-.5.5a2.143%202.143%200%200%201-3.002%203.002l-.499.499c.22.18.466.325.729.43v1.168a3.95%203.95%200%200%201%201.064-7.757V3a9%209%200%200%200-8.967%208.21a9%209%200%200%200%207.391%209.653v-2.27A6.781%206.781%200%200%201%2011.5%205.238v1.541a5.244%205.244%200%200%200-3.468%208.645A5.25%205.25%200%200%200%2011.32%2017.2v-2.438a2.844%202.844%200%200%200%203.238-1.517c.19-.388.288-.813.288-1.245%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.316%2012a1.313%201.313%200%201%201-.1-.498c.066.159.1.33.1.502z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/hubble-exchange.svg?color=%231a73e8&size=48
