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

Name
bbank
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 bbank logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#f26122" d="M4.91 3h1.637v10.907H4.91z"/><path fill="#f6851f" d="M4.91 3h1.637v3.817S6.274 4.363 4.91 3"/><path fill="#f26122" d="M19.09 13.907a7.09 7.09 0 0 1-6.15 7.03A7.089 7.089 0 0 1 6.548 9.381v4.526a5.453 5.453 0 1 0 1.636-3.894V7.93a7.09 7.09 0 0 1 10.906 5.977"/><path fill="#f6851f" d="M19.088 13.907c0-4.614-5.59-6.686-9.358-4.963a5.5 5.5 0 0 0-1.548 1.074V7.935a7.09 7.09 0 0 1 10.906 5.972"/><path fill="#f6851f" fill-rule="evenodd" d="m10.364 9.544l-1.636.818v4.09a3.272 3.272 0 1 0 1.636-2.835zm0 4.908a1.637 1.637 0 1 0 3.273 0a1.637 1.637 0 0 0-3.273 0" clip-rule="evenodd"/><path fill="#f26122" d="m8.728 10.362l1.636-.818v2.073a3.256 3.256 0 0 1 4.292.927c-1.048 0-2.525-.055-3.474.49c-1.615.933-1.833 3.338-1.833 3.338a3.26 3.26 0 0 1-.621-1.92z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedBbank(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="#f26122" d="M4.91 3h1.637v10.907H4.91z"/><path fill="#f6851f" d="M4.91 3h1.637v3.817S6.274 4.363 4.91 3"/><path fill="#f26122" d="M19.09 13.907a7.09 7.09 0 0 1-6.15 7.03A7.089 7.089 0 0 1 6.548 9.381v4.526a5.453 5.453 0 1 0 1.636-3.894V7.93a7.09 7.09 0 0 1 10.906 5.977"/><path fill="#f6851f" d="M19.088 13.907c0-4.614-5.59-6.686-9.358-4.963a5.5 5.5 0 0 0-1.548 1.074V7.935a7.09 7.09 0 0 1 10.906 5.972"/><path fill="#f6851f" fillRule="evenodd" d="m10.364 9.544l-1.636.818v4.09a3.272 3.272 0 1 0 1.636-2.835zm0 4.908a1.637 1.637 0 1 0 3.273 0a1.637 1.637 0 0 0-3.273 0" clipRule="evenodd"/><path fill="#f26122" d="m8.728 10.362l1.636-.818v2.073a3.256 3.256 0 0 1 4.292.927c-1.048 0-2.525-.055-3.474.49c-1.615.933-1.833 3.338-1.833 3.338a3.26 3.26 0 0 1-.621-1.92z"/></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="#f26122" d="M4.91 3h1.637v10.907H4.91z"/><path fill="#f6851f" d="M4.91 3h1.637v3.817S6.274 4.363 4.91 3"/><path fill="#f26122" d="M19.09 13.907a7.09 7.09 0 0 1-6.15 7.03A7.089 7.089 0 0 1 6.548 9.381v4.526a5.453 5.453 0 1 0 1.636-3.894V7.93a7.09 7.09 0 0 1 10.906 5.977"/><path fill="#f6851f" d="M19.088 13.907c0-4.614-5.59-6.686-9.358-4.963a5.5 5.5 0 0 0-1.548 1.074V7.935a7.09 7.09 0 0 1 10.906 5.972"/><path fill="#f6851f" fill-rule="evenodd" d="m10.364 9.544l-1.636.818v4.09a3.272 3.272 0 1 0 1.636-2.835zm0 4.908a1.637 1.637 0 1 0 3.273 0a1.637 1.637 0 0 0-3.273 0" clip-rule="evenodd"/><path fill="#f26122" d="m8.728 10.362l1.636-.818v2.073a3.256 3.256 0 0 1 4.292.927c-1.048 0-2.525-.055-3.474.49c-1.615.933-1.833 3.338-1.833 3.338a3.26 3.26 0 0 1-.621-1.92z"/></g></svg>
</template>

CSS

.icon-bbank {
  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%23f26122%22%20d%3D%22M4.91%203h1.637v10.907H4.91z%22%2F%3E%3Cpath%20fill%3D%22%23f6851f%22%20d%3D%22M4.91%203h1.637v3.817S6.274%204.363%204.91%203%22%2F%3E%3Cpath%20fill%3D%22%23f26122%22%20d%3D%22M19.09%2013.907a7.09%207.09%200%200%201-6.15%207.03A7.089%207.089%200%200%201%206.548%209.381v4.526a5.453%205.453%200%201%200%201.636-3.894V7.93a7.09%207.09%200%200%201%2010.906%205.977%22%2F%3E%3Cpath%20fill%3D%22%23f6851f%22%20d%3D%22M19.088%2013.907c0-4.614-5.59-6.686-9.358-4.963a5.5%205.5%200%200%200-1.548%201.074V7.935a7.09%207.09%200%200%201%2010.906%205.972%22%2F%3E%3Cpath%20fill%3D%22%23f6851f%22%20fill-rule%3D%22evenodd%22%20d%3D%22m10.364%209.544l-1.636.818v4.09a3.272%203.272%200%201%200%201.636-2.835zm0%204.908a1.637%201.637%200%201%200%203.273%200a1.637%201.637%200%200%200-3.273%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23f26122%22%20d%3D%22m8.728%2010.362l1.636-.818v2.073a3.256%203.256%200%200%201%204.292.927c-1.048%200-2.525-.055-3.474.49c-1.615.933-1.833%203.338-1.833%203.338a3.26%203.26%200%200%201-.621-1.92z%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%22none%22%3E%3Cpath%20fill%3D%22%23f26122%22%20d%3D%22M4.91%203h1.637v10.907H4.91z%22%2F%3E%3Cpath%20fill%3D%22%23f6851f%22%20d%3D%22M4.91%203h1.637v3.817S6.274%204.363%204.91%203%22%2F%3E%3Cpath%20fill%3D%22%23f26122%22%20d%3D%22M19.09%2013.907a7.09%207.09%200%200%201-6.15%207.03A7.089%207.089%200%200%201%206.548%209.381v4.526a5.453%205.453%200%201%200%201.636-3.894V7.93a7.09%207.09%200%200%201%2010.906%205.977%22%2F%3E%3Cpath%20fill%3D%22%23f6851f%22%20d%3D%22M19.088%2013.907c0-4.614-5.59-6.686-9.358-4.963a5.5%205.5%200%200%200-1.548%201.074V7.935a7.09%207.09%200%200%201%2010.906%205.972%22%2F%3E%3Cpath%20fill%3D%22%23f6851f%22%20fill-rule%3D%22evenodd%22%20d%3D%22m10.364%209.544l-1.636.818v4.09a3.272%203.272%200%201%200%201.636-2.835zm0%204.908a1.637%201.637%200%201%200%203.273%200a1.637%201.637%200%200%200-3.273%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23f26122%22%20d%3D%22m8.728%2010.362l1.636-.818v2.073a3.256%203.256%200%200%201%204.292.927c-1.048%200-2.525-.055-3.474.49c-1.615.933-1.833%203.338-1.833%203.338a3.26%203.26%200%200%201-.621-1.92z%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/bbank.svg?color=%231a73e8&size=48