bcb logo
bcb from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- bcb
- 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 bcb logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGks2D8dBv)" fill-rule="evenodd" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="#fff" d="m10.942 8.295l-1.06 1.059v2.117l1.854-2.117h1.588l-1.059 1.058h-.53l-1.058 1.06h3.97l-1.058 1.587h-2.647l-1.06 1.06h4.766l2.382-3.707h-2.912l2.118-2.117z"/><path fill="url(#SVGUEZnhcZr)" d="m7.924 8.342l.9.9v.752l-.688-.688l-1.393 3.954l2.78 3.007l.407-1.09h.567l-.784 2.086l-3.573-3.876l1.778-5.045zm2.63 6.835l-.82 2.192l5.374-.9l.429-1.292h-.556l-.275.826l-4.156.688l.577-1.514z"/><defs><linearGradient id="SVGks2D8dBv" x1="3.265" x2="20.735" y1="12.529" y2="12.529" gradientUnits="userSpaceOnUse"><stop stop-color="#0387fa"/><stop offset="1" stop-color="#01feff"/></linearGradient><linearGradient id="SVGUEZnhcZr" x1="7.5" x2="15.177" y1="9.618" y2="16.235" gradientUnits="userSpaceOnUse"><stop stop-color="#11f6fc"/><stop offset="1" stop-color="#017ef2"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBcb(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="url(#SVGks2D8dBv)" fillRule="evenodd" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clipRule="evenodd"/><path fill="#fff" d="m10.942 8.295l-1.06 1.059v2.117l1.854-2.117h1.588l-1.059 1.058h-.53l-1.058 1.06h3.97l-1.058 1.587h-2.647l-1.06 1.06h4.766l2.382-3.707h-2.912l2.118-2.117z"/><path fill="url(#SVGUEZnhcZr)" d="m7.924 8.342l.9.9v.752l-.688-.688l-1.393 3.954l2.78 3.007l.407-1.09h.567l-.784 2.086l-3.573-3.876l1.778-5.045zm2.63 6.835l-.82 2.192l5.374-.9l.429-1.292h-.556l-.275.826l-4.156.688l.577-1.514z"/><defs><linearGradient id="SVGks2D8dBv" x1="3.265" x2="20.735" y1="12.529" y2="12.529" gradientUnits="userSpaceOnUse"><stop stopColor="#0387fa"/><stop offset="1" stopColor="#01feff"/></linearGradient><linearGradient id="SVGUEZnhcZr" x1="7.5" x2="15.177" y1="9.618" y2="16.235" gradientUnits="userSpaceOnUse"><stop stopColor="#11f6fc"/><stop offset="1" stopColor="#017ef2"/></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="url(#SVGks2D8dBv)" fill-rule="evenodd" d="M12 19.941a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="#fff" d="m10.942 8.295l-1.06 1.059v2.117l1.854-2.117h1.588l-1.059 1.058h-.53l-1.058 1.06h3.97l-1.058 1.587h-2.647l-1.06 1.06h4.766l2.382-3.707h-2.912l2.118-2.117z"/><path fill="url(#SVGUEZnhcZr)" d="m7.924 8.342l.9.9v.752l-.688-.688l-1.393 3.954l2.78 3.007l.407-1.09h.567l-.784 2.086l-3.573-3.876l1.778-5.045zm2.63 6.835l-.82 2.192l5.374-.9l.429-1.292h-.556l-.275.826l-4.156.688l.577-1.514z"/><defs><linearGradient id="SVGks2D8dBv" x1="3.265" x2="20.735" y1="12.529" y2="12.529" gradientUnits="userSpaceOnUse"><stop stop-color="#0387fa"/><stop offset="1" stop-color="#01feff"/></linearGradient><linearGradient id="SVGUEZnhcZr" x1="7.5" x2="15.177" y1="9.618" y2="16.235" gradientUnits="userSpaceOnUse"><stop stop-color="#11f6fc"/><stop offset="1" stop-color="#017ef2"/></linearGradient></defs></g></svg> </template>
CSS
.icon-bcb {
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%22url(%23SVGks2D8dBv)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.941a7.942%207.942%200%201%200%200-15.883a7.942%207.942%200%200%200%200%2015.883M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.942%208.295l-1.06%201.059v2.117l1.854-2.117h1.588l-1.059%201.058h-.53l-1.058%201.06h3.97l-1.058%201.587h-2.647l-1.06%201.06h4.766l2.382-3.707h-2.912l2.118-2.117z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUEZnhcZr)%22%20d%3D%22m7.924%208.342l.9.9v.752l-.688-.688l-1.393%203.954l2.78%203.007l.407-1.09h.567l-.784%202.086l-3.573-3.876l1.778-5.045zm2.63%206.835l-.82%202.192l5.374-.9l.429-1.292h-.556l-.275.826l-4.156.688l.577-1.514z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGks2D8dBv%22%20x1%3D%223.265%22%20x2%3D%2220.735%22%20y1%3D%2212.529%22%20y2%3D%2212.529%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230387fa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301feff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUEZnhcZr%22%20x1%3D%227.5%22%20x2%3D%2215.177%22%20y1%3D%229.618%22%20y2%3D%2216.235%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2311f6fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23017ef2%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%22url(%23SVGks2D8dBv)%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%2019.941a7.942%207.942%200%201%200%200-15.883a7.942%207.942%200%200%200%200%2015.883M12%2021a9%209%200%201%200%200-18a9%209%200%200%200%200%2018%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m10.942%208.295l-1.06%201.059v2.117l1.854-2.117h1.588l-1.059%201.058h-.53l-1.058%201.06h3.97l-1.058%201.587h-2.647l-1.06%201.06h4.766l2.382-3.707h-2.912l2.118-2.117z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGUEZnhcZr)%22%20d%3D%22m7.924%208.342l.9.9v.752l-.688-.688l-1.393%203.954l2.78%203.007l.407-1.09h.567l-.784%202.086l-3.573-3.876l1.778-5.045zm2.63%206.835l-.82%202.192l5.374-.9l.429-1.292h-.556l-.275.826l-4.156.688l.577-1.514z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGks2D8dBv%22%20x1%3D%223.265%22%20x2%3D%2220.735%22%20y1%3D%2212.529%22%20y2%3D%2212.529%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230387fa%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2301feff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGUEZnhcZr%22%20x1%3D%227.5%22%20x2%3D%2215.177%22%20y1%3D%229.618%22%20y2%3D%2216.235%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2311f6fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23017ef2%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/bcb.svg?color=%231a73e8&size=48
