hbtc logo

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

Name: hbtc-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 hbtc 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(#SVGHcSWxdhd41)"><path fill="#f89828" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M14.306 20c2.514 0 4.548-1.998 4.548-4.462a4.504 4.504 0 0 0-4.548-4.457a4.5 4.5 0 0 0-4.544 4.457A4.5 4.5 0 0 0 14.306 20m.566-7.333l-.512-.137l-.214.75l-1.28-.352l-.215.75l.512.141a.253.253 0 0 1 .183.32l-.576 2.007a.266.266 0 0 1-.325.183l-.256-.073l-.47.681l1.28.352l-.22.754l.512.137l.215-.75l.256.07l-.215.753l.512.138l.215-.75l.512.142a1.243 1.243 0 0 0 1.485-.86c.146-.503-.082-.969-.503-1.243a1.038 1.038 0 0 0-.091-1.975l-.252-.073l.215-.75l-.512-.141l-.214.75l-.256-.07zm.334 1.715l-.763-.21l-.22.754l.768.21a.396.396 0 0 0 .457-.572a.4.4 0 0 0-.237-.182zm-.302 1.54l-.896-.247l-.288 1.006l.896.242a.52.52 0 0 0 .554-.177a.53.53 0 0 0 .048-.58a.52.52 0 0 0-.314-.248z" clip-rule="evenodd"/><path fill="#fff" d="M10.548 11.08c.229-.85.435-3.044.942-4.32a20 20 0 0 0 2.02 3.114a5.8 5.8 0 0 0-2.962 1.207"/><path fill="#fff" d="M6.65 10.656C7.828 9.083 9.501 7.063 10.123 4c.43 1.157.836 4.544-1.01 8.85c-1.614 3.748.141 6.089 1.44 7.15c-5.39-.174-6.871-5.381-3.9-9.344z"/><path fill="#fff" d="M6.526 15.538c-.101 1.02-.032 2.162.402 3.25c.887.713 2.103 1.161 3.62 1.212c-1.298-1.061-3.053-3.397-1.44-7.15c1.81-4.224 1.459-7.565 1.033-8.777c.037 2.505-.914 4.444-1.856 6.368c-.786 1.604-1.567 3.2-1.76 5.097m5.38-5.252a24 24 0 0 0-.475-3.365a18 18 0 0 0-.63 2.839c-.092.544-.17 1.015-.252 1.32c.311-.264.791-.561 1.358-.794"/></g><defs><clipPath id="SVGHcSWxdhd41"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedHbtcBackground(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(#SVGHcSWxdhd41)"><path fill="#f89828" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M14.306 20c2.514 0 4.548-1.998 4.548-4.462a4.504 4.504 0 0 0-4.548-4.457a4.5 4.5 0 0 0-4.544 4.457A4.5 4.5 0 0 0 14.306 20m.566-7.333l-.512-.137l-.214.75l-1.28-.352l-.215.75l.512.141a.253.253 0 0 1 .183.32l-.576 2.007a.266.266 0 0 1-.325.183l-.256-.073l-.47.681l1.28.352l-.22.754l.512.137l.215-.75l.256.07l-.215.753l.512.138l.215-.75l.512.142a1.243 1.243 0 0 0 1.485-.86c.146-.503-.082-.969-.503-1.243a1.038 1.038 0 0 0-.091-1.975l-.252-.073l.215-.75l-.512-.141l-.214.75l-.256-.07zm.334 1.715l-.763-.21l-.22.754l.768.21a.396.396 0 0 0 .457-.572a.4.4 0 0 0-.237-.182zm-.302 1.54l-.896-.247l-.288 1.006l.896.242a.52.52 0 0 0 .554-.177a.53.53 0 0 0 .048-.58a.52.52 0 0 0-.314-.248z" clipRule="evenodd"/><path fill="#fff" d="M10.548 11.08c.229-.85.435-3.044.942-4.32a20 20 0 0 0 2.02 3.114a5.8 5.8 0 0 0-2.962 1.207"/><path fill="#fff" d="M6.65 10.656C7.828 9.083 9.501 7.063 10.123 4c.43 1.157.836 4.544-1.01 8.85c-1.614 3.748.141 6.089 1.44 7.15c-5.39-.174-6.871-5.381-3.9-9.344z"/><path fill="#fff" d="M6.526 15.538c-.101 1.02-.032 2.162.402 3.25c.887.713 2.103 1.161 3.62 1.212c-1.298-1.061-3.053-3.397-1.44-7.15c1.81-4.224 1.459-7.565 1.033-8.777c.037 2.505-.914 4.444-1.856 6.368c-.786 1.604-1.567 3.2-1.76 5.097m5.38-5.252a24 24 0 0 0-.475-3.365a18 18 0 0 0-.63 2.839c-.092.544-.17 1.015-.252 1.32c.311-.264.791-.561 1.358-.794"/></g><defs><clipPath id="SVGHcSWxdhd41"><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(#SVGHcSWxdhd41)"><path fill="#f89828" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M14.306 20c2.514 0 4.548-1.998 4.548-4.462a4.504 4.504 0 0 0-4.548-4.457a4.5 4.5 0 0 0-4.544 4.457A4.5 4.5 0 0 0 14.306 20m.566-7.333l-.512-.137l-.214.75l-1.28-.352l-.215.75l.512.141a.253.253 0 0 1 .183.32l-.576 2.007a.266.266 0 0 1-.325.183l-.256-.073l-.47.681l1.28.352l-.22.754l.512.137l.215-.75l.256.07l-.215.753l.512.138l.215-.75l.512.142a1.243 1.243 0 0 0 1.485-.86c.146-.503-.082-.969-.503-1.243a1.038 1.038 0 0 0-.091-1.975l-.252-.073l.215-.75l-.512-.141l-.214.75l-.256-.07zm.334 1.715l-.763-.21l-.22.754l.768.21a.396.396 0 0 0 .457-.572a.4.4 0 0 0-.237-.182zm-.302 1.54l-.896-.247l-.288 1.006l.896.242a.52.52 0 0 0 .554-.177a.53.53 0 0 0 .048-.58a.52.52 0 0 0-.314-.248z" clip-rule="evenodd"/><path fill="#fff" d="M10.548 11.08c.229-.85.435-3.044.942-4.32a20 20 0 0 0 2.02 3.114a5.8 5.8 0 0 0-2.962 1.207"/><path fill="#fff" d="M6.65 10.656C7.828 9.083 9.501 7.063 10.123 4c.43 1.157.836 4.544-1.01 8.85c-1.614 3.748.141 6.089 1.44 7.15c-5.39-.174-6.871-5.381-3.9-9.344z"/><path fill="#fff" d="M6.526 15.538c-.101 1.02-.032 2.162.402 3.25c.887.713 2.103 1.161 3.62 1.212c-1.298-1.061-3.053-3.397-1.44-7.15c1.81-4.224 1.459-7.565 1.033-8.777c.037 2.505-.914 4.444-1.856 6.368c-.786 1.604-1.567 3.2-1.76 5.097m5.38-5.252a24 24 0 0 0-.475-3.365a18 18 0 0 0-.63 2.839c-.092.544-.17 1.015-.252 1.32c.311-.264.791-.561 1.358-.794"/></g><defs><clipPath id="SVGHcSWxdhd41"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-hbtc-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(%23SVGHcSWxdhd41)%22%3E%3Cpath%20fill%3D%22%23f89828%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.306%2020c2.514%200%204.548-1.998%204.548-4.462a4.504%204.504%200%200%200-4.548-4.457a4.5%204.5%200%200%200-4.544%204.457A4.5%204.5%200%200%200%2014.306%2020m.566-7.333l-.512-.137l-.214.75l-1.28-.352l-.215.75l.512.141a.253.253%200%200%201%20.183.32l-.576%202.007a.266.266%200%200%201-.325.183l-.256-.073l-.47.681l1.28.352l-.22.754l.512.137l.215-.75l.256.07l-.215.753l.512.138l.215-.75l.512.142a1.243%201.243%200%200%200%201.485-.86c.146-.503-.082-.969-.503-1.243a1.038%201.038%200%200%200-.091-1.975l-.252-.073l.215-.75l-.512-.141l-.214.75l-.256-.07zm.334%201.715l-.763-.21l-.22.754l.768.21a.396.396%200%200%200%20.457-.572a.4.4%200%200%200-.237-.182zm-.302%201.54l-.896-.247l-.288%201.006l.896.242a.52.52%200%200%200%20.554-.177a.53.53%200%200%200%20.048-.58a.52.52%200%200%200-.314-.248z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.548%2011.08c.229-.85.435-3.044.942-4.32a20%2020%200%200%200%202.02%203.114a5.8%205.8%200%200%200-2.962%201.207%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.65%2010.656C7.828%209.083%209.501%207.063%2010.123%204c.43%201.157.836%204.544-1.01%208.85c-1.614%203.748.141%206.089%201.44%207.15c-5.39-.174-6.871-5.381-3.9-9.344z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.526%2015.538c-.101%201.02-.032%202.162.402%203.25c.887.713%202.103%201.161%203.62%201.212c-1.298-1.061-3.053-3.397-1.44-7.15c1.81-4.224%201.459-7.565%201.033-8.777c.037%202.505-.914%204.444-1.856%206.368c-.786%201.604-1.567%203.2-1.76%205.097m5.38-5.252a24%2024%200%200%200-.475-3.365a18%2018%200%200%200-.63%202.839c-.092.544-.17%201.015-.252%201.32c.311-.264.791-.561%201.358-.794%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd41%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(%23SVGHcSWxdhd41)%22%3E%3Cpath%20fill%3D%22%23f89828%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.306%2020c2.514%200%204.548-1.998%204.548-4.462a4.504%204.504%200%200%200-4.548-4.457a4.5%204.5%200%200%200-4.544%204.457A4.5%204.5%200%200%200%2014.306%2020m.566-7.333l-.512-.137l-.214.75l-1.28-.352l-.215.75l.512.141a.253.253%200%200%201%20.183.32l-.576%202.007a.266.266%200%200%201-.325.183l-.256-.073l-.47.681l1.28.352l-.22.754l.512.137l.215-.75l.256.07l-.215.753l.512.138l.215-.75l.512.142a1.243%201.243%200%200%200%201.485-.86c.146-.503-.082-.969-.503-1.243a1.038%201.038%200%200%200-.091-1.975l-.252-.073l.215-.75l-.512-.141l-.214.75l-.256-.07zm.334%201.715l-.763-.21l-.22.754l.768.21a.396.396%200%200%200%20.457-.572a.4.4%200%200%200-.237-.182zm-.302%201.54l-.896-.247l-.288%201.006l.896.242a.52.52%200%200%200%20.554-.177a.53.53%200%200%200%20.048-.58a.52.52%200%200%200-.314-.248z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.548%2011.08c.229-.85.435-3.044.942-4.32a20%2020%200%200%200%202.02%203.114a5.8%205.8%200%200%200-2.962%201.207%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.65%2010.656C7.828%209.083%209.501%207.063%2010.123%204c.43%201.157.836%204.544-1.01%208.85c-1.614%203.748.141%206.089%201.44%207.15c-5.39-.174-6.871-5.381-3.9-9.344z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.526%2015.538c-.101%201.02-.032%202.162.402%203.25c.887.713%202.103%201.161%203.62%201.212c-1.298-1.061-3.053-3.397-1.44-7.15c1.81-4.224%201.459-7.565%201.033-8.777c.037%202.505-.914%204.444-1.856%206.368c-.786%201.604-1.567%203.2-1.76%205.097m5.38-5.252a24%2024%200%200%200-.475-3.365a18%2018%200%200%200-.63%202.839c-.092.544-.17%201.015-.252%201.32c.311-.264.791-.561%201.358-.794%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd41%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/hbtc-background.svg?color=%231a73e8&size=48