hbtc logo

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

Name: hbtc
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 hbtc logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#f89828" fill-rule="evenodd" d="M14.594 21c2.829 0 5.117-2.247 5.117-5.02a5.07 5.07 0 0 0-5.117-5.013a5.065 5.065 0 0 0-5.112 5.014a5.06 5.06 0 0 0 3.17 4.651a5.1 5.1 0 0 0 1.942.368m.638-8.249l-.576-.154l-.242.843l-1.44-.396l-.241.844l.576.159a.284.284 0 0 1 .205.36l-.648 2.258a.3.3 0 0 1-.365.205l-.288-.082l-.53.766l1.44.396l-.246.849l.576.154l.241-.843l.288.077l-.241.848l.575.155l.242-.844l.576.16a1.4 1.4 0 0 0 1.671-.967c.165-.566-.092-1.09-.565-1.399a1.168 1.168 0 0 0-.103-2.222l-.283-.082l.242-.843l-.576-.16l-.242.844l-.288-.077zm.375 1.929l-.858-.237l-.247.849l.864.236a.446.446 0 0 0 .514-.643a.44.44 0 0 0-.268-.205zm-.34 1.733l-1.007-.278l-.324 1.131l1.008.273a.588.588 0 1 0 .324-1.132z" clip-rule="evenodd"/><path fill="url(#SVG9dbN0cGR)" d="M10.368 10.966c.257-.957.488-3.425 1.06-4.86A22.3 22.3 0 0 0 13.7 9.608c-1.216.13-2.371.6-3.332 1.358"/><path fill="url(#SVGUotm5b5j)" d="M5.98 10.488C7.307 8.718 9.189 6.446 9.888 3c.484 1.301.941 5.112-1.136 9.956c-1.816 4.217.16 6.85 1.62 8.043c-6.063-.195-7.73-6.053-4.387-10.511z"/><path fill="url(#SVGduclnbVH)" d="M5.842 15.98c-.113 1.147-.036 2.433.452 3.657c.998.802 2.366 1.306 4.073 1.362c-1.46-1.193-3.435-3.82-1.62-8.043c2.037-4.751 1.64-8.51 1.162-9.873c.042 2.818-1.028 4.998-2.087 7.163c-.885 1.805-1.764 3.6-1.98 5.734m6.053-5.909a27 27 0 0 0-.535-3.785a20 20 0 0 0-.71 3.194c-.103.612-.19 1.142-.283 1.486c.35-.298.89-.632 1.527-.895"/><defs><linearGradient id="SVG9dbN0cGR" x1="9.549" x2="11.915" y1="3.876" y2="18.557" gradientUnits="userSpaceOnUse"><stop stop-color="#96caff"/><stop offset="1" stop-color="#82b0f9"/></linearGradient><linearGradient id="SVGUotm5b5j" x1="19.085" x2="18" y1="3.957" y2="21.373" gradientUnits="userSpaceOnUse"><stop stop-color="#7eb5fe"/><stop offset="1" stop-color="#246ffe"/></linearGradient><linearGradient id="SVGduclnbVH" x1="9.961" x2="9.262" y1="3.798" y2="20.923" gradientUnits="userSpaceOnUse"><stop stop-color="#81b0fa"/><stop offset="1" stop-color="#0e33e8"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedHbtc(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"><path fill="#f89828" fillRule="evenodd" d="M14.594 21c2.829 0 5.117-2.247 5.117-5.02a5.07 5.07 0 0 0-5.117-5.013a5.065 5.065 0 0 0-5.112 5.014a5.06 5.06 0 0 0 3.17 4.651a5.1 5.1 0 0 0 1.942.368m.638-8.249l-.576-.154l-.242.843l-1.44-.396l-.241.844l.576.159a.284.284 0 0 1 .205.36l-.648 2.258a.3.3 0 0 1-.365.205l-.288-.082l-.53.766l1.44.396l-.246.849l.576.154l.241-.843l.288.077l-.241.848l.575.155l.242-.844l.576.16a1.4 1.4 0 0 0 1.671-.967c.165-.566-.092-1.09-.565-1.399a1.168 1.168 0 0 0-.103-2.222l-.283-.082l.242-.843l-.576-.16l-.242.844l-.288-.077zm.375 1.929l-.858-.237l-.247.849l.864.236a.446.446 0 0 0 .514-.643a.44.44 0 0 0-.268-.205zm-.34 1.733l-1.007-.278l-.324 1.131l1.008.273a.588.588 0 1 0 .324-1.132z" clipRule="evenodd"/><path fill="url(#SVG9dbN0cGR)" d="M10.368 10.966c.257-.957.488-3.425 1.06-4.86A22.3 22.3 0 0 0 13.7 9.608c-1.216.13-2.371.6-3.332 1.358"/><path fill="url(#SVGUotm5b5j)" d="M5.98 10.488C7.307 8.718 9.189 6.446 9.888 3c.484 1.301.941 5.112-1.136 9.956c-1.816 4.217.16 6.85 1.62 8.043c-6.063-.195-7.73-6.053-4.387-10.511z"/><path fill="url(#SVGduclnbVH)" d="M5.842 15.98c-.113 1.147-.036 2.433.452 3.657c.998.802 2.366 1.306 4.073 1.362c-1.46-1.193-3.435-3.82-1.62-8.043c2.037-4.751 1.64-8.51 1.162-9.873c.042 2.818-1.028 4.998-2.087 7.163c-.885 1.805-1.764 3.6-1.98 5.734m6.053-5.909a27 27 0 0 0-.535-3.785a20 20 0 0 0-.71 3.194c-.103.612-.19 1.142-.283 1.486c.35-.298.89-.632 1.527-.895"/><defs><linearGradient id="SVG9dbN0cGR" x1="9.549" x2="11.915" y1="3.876" y2="18.557" gradientUnits="userSpaceOnUse"><stop stopColor="#96caff"/><stop offset="1" stopColor="#82b0f9"/></linearGradient><linearGradient id="SVGUotm5b5j" x1="19.085" x2="18" y1="3.957" y2="21.373" gradientUnits="userSpaceOnUse"><stop stopColor="#7eb5fe"/><stop offset="1" stopColor="#246ffe"/></linearGradient><linearGradient id="SVGduclnbVH" x1="9.961" x2="9.262" y1="3.798" y2="20.923" gradientUnits="userSpaceOnUse"><stop stopColor="#81b0fa"/><stop offset="1" stopColor="#0e33e8"/></linearGradient></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"><path fill="#f89828" fill-rule="evenodd" d="M14.594 21c2.829 0 5.117-2.247 5.117-5.02a5.07 5.07 0 0 0-5.117-5.013a5.065 5.065 0 0 0-5.112 5.014a5.06 5.06 0 0 0 3.17 4.651a5.1 5.1 0 0 0 1.942.368m.638-8.249l-.576-.154l-.242.843l-1.44-.396l-.241.844l.576.159a.284.284 0 0 1 .205.36l-.648 2.258a.3.3 0 0 1-.365.205l-.288-.082l-.53.766l1.44.396l-.246.849l.576.154l.241-.843l.288.077l-.241.848l.575.155l.242-.844l.576.16a1.4 1.4 0 0 0 1.671-.967c.165-.566-.092-1.09-.565-1.399a1.168 1.168 0 0 0-.103-2.222l-.283-.082l.242-.843l-.576-.16l-.242.844l-.288-.077zm.375 1.929l-.858-.237l-.247.849l.864.236a.446.446 0 0 0 .514-.643a.44.44 0 0 0-.268-.205zm-.34 1.733l-1.007-.278l-.324 1.131l1.008.273a.588.588 0 1 0 .324-1.132z" clip-rule="evenodd"/><path fill="url(#SVG9dbN0cGR)" d="M10.368 10.966c.257-.957.488-3.425 1.06-4.86A22.3 22.3 0 0 0 13.7 9.608c-1.216.13-2.371.6-3.332 1.358"/><path fill="url(#SVGUotm5b5j)" d="M5.98 10.488C7.307 8.718 9.189 6.446 9.888 3c.484 1.301.941 5.112-1.136 9.956c-1.816 4.217.16 6.85 1.62 8.043c-6.063-.195-7.73-6.053-4.387-10.511z"/><path fill="url(#SVGduclnbVH)" d="M5.842 15.98c-.113 1.147-.036 2.433.452 3.657c.998.802 2.366 1.306 4.073 1.362c-1.46-1.193-3.435-3.82-1.62-8.043c2.037-4.751 1.64-8.51 1.162-9.873c.042 2.818-1.028 4.998-2.087 7.163c-.885 1.805-1.764 3.6-1.98 5.734m6.053-5.909a27 27 0 0 0-.535-3.785a20 20 0 0 0-.71 3.194c-.103.612-.19 1.142-.283 1.486c.35-.298.89-.632 1.527-.895"/><defs><linearGradient id="SVG9dbN0cGR" x1="9.549" x2="11.915" y1="3.876" y2="18.557" gradientUnits="userSpaceOnUse"><stop stop-color="#96caff"/><stop offset="1" stop-color="#82b0f9"/></linearGradient><linearGradient id="SVGUotm5b5j" x1="19.085" x2="18" y1="3.957" y2="21.373" gradientUnits="userSpaceOnUse"><stop stop-color="#7eb5fe"/><stop offset="1" stop-color="#246ffe"/></linearGradient><linearGradient id="SVGduclnbVH" x1="9.961" x2="9.262" y1="3.798" y2="20.923" gradientUnits="userSpaceOnUse"><stop stop-color="#81b0fa"/><stop offset="1" stop-color="#0e33e8"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-hbtc {
  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%3Cpath%20fill%3D%22%23f89828%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.594%2021c2.829%200%205.117-2.247%205.117-5.02a5.07%205.07%200%200%200-5.117-5.013a5.065%205.065%200%200%200-5.112%205.014a5.06%205.06%200%200%200%203.17%204.651a5.1%205.1%200%200%200%201.942.368m.638-8.249l-.576-.154l-.242.843l-1.44-.396l-.241.844l.576.159a.284.284%200%200%201%20.205.36l-.648%202.258a.3.3%200%200%201-.365.205l-.288-.082l-.53.766l1.44.396l-.246.849l.576.154l.241-.843l.288.077l-.241.848l.575.155l.242-.844l.576.16a1.4%201.4%200%200%200%201.671-.967c.165-.566-.092-1.09-.565-1.399a1.168%201.168%200%200%200-.103-2.222l-.283-.082l.242-.843l-.576-.16l-.242.844l-.288-.077zm.375%201.929l-.858-.237l-.247.849l.864.236a.446.446%200%200%200%20.514-.643a.44.44%200%200%200-.268-.205zm-.34%201.733l-1.007-.278l-.324%201.131l1.008.273a.588.588%200%201%200%20.324-1.132z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9dbN0cGR)%22%20d%3D%22M10.368%2010.966c.257-.957.488-3.425%201.06-4.86A22.3%2022.3%200%200%200%2013.7%209.608c-1.216.13-2.371.6-3.332%201.358%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUotm5b5j)%22%20d%3D%22M5.98%2010.488C7.307%208.718%209.189%206.446%209.888%203c.484%201.301.941%205.112-1.136%209.956c-1.816%204.217.16%206.85%201.62%208.043c-6.063-.195-7.73-6.053-4.387-10.511z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGduclnbVH)%22%20d%3D%22M5.842%2015.98c-.113%201.147-.036%202.433.452%203.657c.998.802%202.366%201.306%204.073%201.362c-1.46-1.193-3.435-3.82-1.62-8.043c2.037-4.751%201.64-8.51%201.162-9.873c.042%202.818-1.028%204.998-2.087%207.163c-.885%201.805-1.764%203.6-1.98%205.734m6.053-5.909a27%2027%200%200%200-.535-3.785a20%2020%200%200%200-.71%203.194c-.103.612-.19%201.142-.283%201.486c.35-.298.89-.632%201.527-.895%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG9dbN0cGR%22%20x1%3D%229.549%22%20x2%3D%2211.915%22%20y1%3D%223.876%22%20y2%3D%2218.557%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2396caff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2382b0f9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUotm5b5j%22%20x1%3D%2219.085%22%20x2%3D%2218%22%20y1%3D%223.957%22%20y2%3D%2221.373%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237eb5fe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23246ffe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGduclnbVH%22%20x1%3D%229.961%22%20x2%3D%229.262%22%20y1%3D%223.798%22%20y2%3D%2220.923%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2381b0fa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230e33e8%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22%23f89828%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.594%2021c2.829%200%205.117-2.247%205.117-5.02a5.07%205.07%200%200%200-5.117-5.013a5.065%205.065%200%200%200-5.112%205.014a5.06%205.06%200%200%200%203.17%204.651a5.1%205.1%200%200%200%201.942.368m.638-8.249l-.576-.154l-.242.843l-1.44-.396l-.241.844l.576.159a.284.284%200%200%201%20.205.36l-.648%202.258a.3.3%200%200%201-.365.205l-.288-.082l-.53.766l1.44.396l-.246.849l.576.154l.241-.843l.288.077l-.241.848l.575.155l.242-.844l.576.16a1.4%201.4%200%200%200%201.671-.967c.165-.566-.092-1.09-.565-1.399a1.168%201.168%200%200%200-.103-2.222l-.283-.082l.242-.843l-.576-.16l-.242.844l-.288-.077zm.375%201.929l-.858-.237l-.247.849l.864.236a.446.446%200%200%200%20.514-.643a.44.44%200%200%200-.268-.205zm-.34%201.733l-1.007-.278l-.324%201.131l1.008.273a.588.588%200%201%200%20.324-1.132z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9dbN0cGR)%22%20d%3D%22M10.368%2010.966c.257-.957.488-3.425%201.06-4.86A22.3%2022.3%200%200%200%2013.7%209.608c-1.216.13-2.371.6-3.332%201.358%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUotm5b5j)%22%20d%3D%22M5.98%2010.488C7.307%208.718%209.189%206.446%209.888%203c.484%201.301.941%205.112-1.136%209.956c-1.816%204.217.16%206.85%201.62%208.043c-6.063-.195-7.73-6.053-4.387-10.511z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGduclnbVH)%22%20d%3D%22M5.842%2015.98c-.113%201.147-.036%202.433.452%203.657c.998.802%202.366%201.306%204.073%201.362c-1.46-1.193-3.435-3.82-1.62-8.043c2.037-4.751%201.64-8.51%201.162-9.873c.042%202.818-1.028%204.998-2.087%207.163c-.885%201.805-1.764%203.6-1.98%205.734m6.053-5.909a27%2027%200%200%200-.535-3.785a20%2020%200%200%200-.71%203.194c-.103.612-.19%201.142-.283%201.486c.35-.298.89-.632%201.527-.895%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG9dbN0cGR%22%20x1%3D%229.549%22%20x2%3D%2211.915%22%20y1%3D%223.876%22%20y2%3D%2218.557%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2396caff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2382b0f9%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUotm5b5j%22%20x1%3D%2219.085%22%20x2%3D%2218%22%20y1%3D%223.957%22%20y2%3D%2221.373%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237eb5fe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23246ffe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGduclnbVH%22%20x1%3D%229.961%22%20x2%3D%229.262%22%20y1%3D%223.798%22%20y2%3D%2220.923%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2381b0fa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230e33e8%22%2F%3E%3C%2FlinearGradient%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.svg?color=%231a73e8&size=48