bpro logo
bpro from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- bpro
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the bpro logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#26C068" d="M15.304 7.264a.8.8 0 0 0-.174-.258l-2.726-2.674a.79.79 0 0 0-1.116.005L8.672 6.985a.98.98 0 0 0-.295.6q-.015.167.032.31a.6.6 0 0 0 .158.248l2.795 2.753c.142.136.342.2.558.173a1 1 0 0 0 .6-.3l2.616-2.647a.79.79 0 0 0 .168-.858m6.637 2.358a.7.7 0 0 0-.158-.226L18.925 6.61a.7.7 0 0 0-.99.016l-4.678 4.785a1.9 1.9 0 0 0-.411.594c-.079.19-.079.342 0 .421l3.263 3.174c.08.08.232.074.421-.005a2 2 0 0 0 .59-.432l4.684-4.784a.695.695 0 0 0 .137-.763zM2.324 14.964a1.226 1.226 0 0 1 .027-1.69L7.23 8.38a.18.18 0 0 1 .253-.01l.279.262c.884.821 2.258 2.095 2.579 2.79c.29.637.084 1.326-.632 2.069a159 159 0 0 1-4.3 4.331q-.125.11-.21-.031zm9.554 4.932c.284 0 .563-.116.768-.316l2.9-2.852q.198-.2 0-.39l-2.916-2.837a1.105 1.105 0 0 0-1.547.01L8.188 16.37a.253.253 0 0 0 .005.358l2.916 2.852c.205.2.479.316.768.316"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBpro(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#26C068" d="M15.304 7.264a.8.8 0 0 0-.174-.258l-2.726-2.674a.79.79 0 0 0-1.116.005L8.672 6.985a.98.98 0 0 0-.295.6q-.015.167.032.31a.6.6 0 0 0 .158.248l2.795 2.753c.142.136.342.2.558.173a1 1 0 0 0 .6-.3l2.616-2.647a.79.79 0 0 0 .168-.858m6.637 2.358a.7.7 0 0 0-.158-.226L18.925 6.61a.7.7 0 0 0-.99.016l-4.678 4.785a1.9 1.9 0 0 0-.411.594c-.079.19-.079.342 0 .421l3.263 3.174c.08.08.232.074.421-.005a2 2 0 0 0 .59-.432l4.684-4.784a.695.695 0 0 0 .137-.763zM2.324 14.964a1.226 1.226 0 0 1 .027-1.69L7.23 8.38a.18.18 0 0 1 .253-.01l.279.262c.884.821 2.258 2.095 2.579 2.79c.29.637.084 1.326-.632 2.069a159 159 0 0 1-4.3 4.331q-.125.11-.21-.031zm9.554 4.932c.284 0 .563-.116.768-.316l2.9-2.852q.198-.2 0-.39l-2.916-2.837a1.105 1.105 0 0 0-1.547.01L8.188 16.37a.253.253 0 0 0 .005.358l2.916 2.852c.205.2.479.316.768.316"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#26C068" d="M15.304 7.264a.8.8 0 0 0-.174-.258l-2.726-2.674a.79.79 0 0 0-1.116.005L8.672 6.985a.98.98 0 0 0-.295.6q-.015.167.032.31a.6.6 0 0 0 .158.248l2.795 2.753c.142.136.342.2.558.173a1 1 0 0 0 .6-.3l2.616-2.647a.79.79 0 0 0 .168-.858m6.637 2.358a.7.7 0 0 0-.158-.226L18.925 6.61a.7.7 0 0 0-.99.016l-4.678 4.785a1.9 1.9 0 0 0-.411.594c-.079.19-.079.342 0 .421l3.263 3.174c.08.08.232.074.421-.005a2 2 0 0 0 .59-.432l4.684-4.784a.695.695 0 0 0 .137-.763zM2.324 14.964a1.226 1.226 0 0 1 .027-1.69L7.23 8.38a.18.18 0 0 1 .253-.01l.279.262c.884.821 2.258 2.095 2.579 2.79c.29.637.084 1.326-.632 2.069a159 159 0 0 1-4.3 4.331q-.125.11-.21-.031zm9.554 4.932c.284 0 .563-.116.768-.316l2.9-2.852q.198-.2 0-.39l-2.916-2.837a1.105 1.105 0 0 0-1.547.01L8.188 16.37a.253.253 0 0 0 .005.358l2.916 2.852c.205.2.479.316.768.316"/></svg> </template>
CSS
.icon-bpro {
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%22%2326C068%22%20d%3D%22M15.304%207.264a.8.8%200%200%200-.174-.258l-2.726-2.674a.79.79%200%200%200-1.116.005L8.672%206.985a.98.98%200%200%200-.295.6q-.015.167.032.31a.6.6%200%200%200%20.158.248l2.795%202.753c.142.136.342.2.558.173a1%201%200%200%200%20.6-.3l2.616-2.647a.79.79%200%200%200%20.168-.858m6.637%202.358a.7.7%200%200%200-.158-.226L18.925%206.61a.7.7%200%200%200-.99.016l-4.678%204.785a1.9%201.9%200%200%200-.411.594c-.079.19-.079.342%200%20.421l3.263%203.174c.08.08.232.074.421-.005a2%202%200%200%200%20.59-.432l4.684-4.784a.695.695%200%200%200%20.137-.763zM2.324%2014.964a1.226%201.226%200%200%201%20.027-1.69L7.23%208.38a.18.18%200%200%201%20.253-.01l.279.262c.884.821%202.258%202.095%202.579%202.79c.29.637.084%201.326-.632%202.069a159%20159%200%200%201-4.3%204.331q-.125.11-.21-.031zm9.554%204.932c.284%200%20.563-.116.768-.316l2.9-2.852q.198-.2%200-.39l-2.916-2.837a1.105%201.105%200%200%200-1.547.01L8.188%2016.37a.253.253%200%200%200%20.005.358l2.916%202.852c.205.2.479.316.768.316%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%22%2326C068%22%20d%3D%22M15.304%207.264a.8.8%200%200%200-.174-.258l-2.726-2.674a.79.79%200%200%200-1.116.005L8.672%206.985a.98.98%200%200%200-.295.6q-.015.167.032.31a.6.6%200%200%200%20.158.248l2.795%202.753c.142.136.342.2.558.173a1%201%200%200%200%20.6-.3l2.616-2.647a.79.79%200%200%200%20.168-.858m6.637%202.358a.7.7%200%200%200-.158-.226L18.925%206.61a.7.7%200%200%200-.99.016l-4.678%204.785a1.9%201.9%200%200%200-.411.594c-.079.19-.079.342%200%20.421l3.263%203.174c.08.08.232.074.421-.005a2%202%200%200%200%20.59-.432l4.684-4.784a.695.695%200%200%200%20.137-.763zM2.324%2014.964a1.226%201.226%200%200%201%20.027-1.69L7.23%208.38a.18.18%200%200%201%20.253-.01l.279.262c.884.821%202.258%202.095%202.579%202.79c.29.637.084%201.326-.632%202.069a159%20159%200%200%201-4.3%204.331q-.125.11-.21-.031zm9.554%204.932c.284%200%20.563-.116.768-.316l2.9-2.852q.198-.2%200-.39l-2.916-2.837a1.105%201.105%200%200%200-1.547.01L8.188%2016.37a.253.253%200%200%200%20.005.358l2.916%202.852c.205.2.479.316.768.316%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/bpro.svg?color=%231a73e8&size=48
