bouncebit logo
bouncebit from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- bouncebit
- 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 bouncebit logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f4bb44" d="M20.1 3.001q-.003.276-.019.55a8.63 8.63 0 0 1-1.701 4.655c-.384.523-.853.966-1.294 1.434l-7.981 8.328c-.768.79-1.207 1.905-1.209 3.03q-1.998 0-3.994-.002a22 22 0 0 1 .012-.476c.1-2.004.92-3.958 2.265-5.394l8.712-9.091c.77-.791 1.212-1.907 1.214-3.034q1.997-.002 3.995 0m-.218 16.044c.145.639.215 1.295.218 1.952c-1.332.003-2.664-.004-3.996.003a4.44 4.44 0 0 0-.707-2.398a4.18 4.18 0 0 0-2.276-1.726c1.007-1.047 2.009-2.098 3.016-3.144c1.867 1.148 3.254 3.11 3.745 5.313M10.88 7.122l-3.017 3.145C6.216 9.249 4.935 7.605 4.326 5.71A8.9 8.9 0 0 1 3.9 3h3.996a4.42 4.42 0 0 0 .91 2.684a4.16 4.16 0 0 0 2.074 1.437M10.001 3c-.003.304.057.609.189.886c.399.938 1.516 1.44 2.443 1.093C13.442 4.718 14 3.868 14.002 3zm4.001 17.998a2 2 0 0 0-.08-.573c-.07-.26-.19-.505-.35-.716c-.583-.808-1.753-1.04-2.58-.513c-.617.357-.984 1.079-.99 1.802z"/></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBouncebit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f4bb44" d="M20.1 3.001q-.003.276-.019.55a8.63 8.63 0 0 1-1.701 4.655c-.384.523-.853.966-1.294 1.434l-7.981 8.328c-.768.79-1.207 1.905-1.209 3.03q-1.998 0-3.994-.002a22 22 0 0 1 .012-.476c.1-2.004.92-3.958 2.265-5.394l8.712-9.091c.77-.791 1.212-1.907 1.214-3.034q1.997-.002 3.995 0m-.218 16.044c.145.639.215 1.295.218 1.952c-1.332.003-2.664-.004-3.996.003a4.44 4.44 0 0 0-.707-2.398a4.18 4.18 0 0 0-2.276-1.726c1.007-1.047 2.009-2.098 3.016-3.144c1.867 1.148 3.254 3.11 3.745 5.313M10.88 7.122l-3.017 3.145C6.216 9.249 4.935 7.605 4.326 5.71A8.9 8.9 0 0 1 3.9 3h3.996a4.42 4.42 0 0 0 .91 2.684a4.16 4.16 0 0 0 2.074 1.437M10.001 3c-.003.304.057.609.189.886c.399.938 1.516 1.44 2.443 1.093C13.442 4.718 14 3.868 14.002 3zm4.001 17.998a2 2 0 0 0-.08-.573c-.07-.26-.19-.505-.35-.716c-.583-.808-1.753-1.04-2.58-.513c-.617.357-.984 1.079-.99 1.802z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#f4bb44" d="M20.1 3.001q-.003.276-.019.55a8.63 8.63 0 0 1-1.701 4.655c-.384.523-.853.966-1.294 1.434l-7.981 8.328c-.768.79-1.207 1.905-1.209 3.03q-1.998 0-3.994-.002a22 22 0 0 1 .012-.476c.1-2.004.92-3.958 2.265-5.394l8.712-9.091c.77-.791 1.212-1.907 1.214-3.034q1.997-.002 3.995 0m-.218 16.044c.145.639.215 1.295.218 1.952c-1.332.003-2.664-.004-3.996.003a4.44 4.44 0 0 0-.707-2.398a4.18 4.18 0 0 0-2.276-1.726c1.007-1.047 2.009-2.098 3.016-3.144c1.867 1.148 3.254 3.11 3.745 5.313M10.88 7.122l-3.017 3.145C6.216 9.249 4.935 7.605 4.326 5.71A8.9 8.9 0 0 1 3.9 3h3.996a4.42 4.42 0 0 0 .91 2.684a4.16 4.16 0 0 0 2.074 1.437M10.001 3c-.003.304.057.609.189.886c.399.938 1.516 1.44 2.443 1.093C13.442 4.718 14 3.868 14.002 3zm4.001 17.998a2 2 0 0 0-.08-.573c-.07-.26-.19-.505-.35-.716c-.583-.808-1.753-1.04-2.58-.513c-.617.357-.984 1.079-.99 1.802z"/></svg> </template>
CSS
.icon-bouncebit {
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%23f4bb44%22%20d%3D%22M20.1%203.001q-.003.276-.019.55a8.63%208.63%200%200%201-1.701%204.655c-.384.523-.853.966-1.294%201.434l-7.981%208.328c-.768.79-1.207%201.905-1.209%203.03q-1.998%200-3.994-.002a22%2022%200%200%201%20.012-.476c.1-2.004.92-3.958%202.265-5.394l8.712-9.091c.77-.791%201.212-1.907%201.214-3.034q1.997-.002%203.995%200m-.218%2016.044c.145.639.215%201.295.218%201.952c-1.332.003-2.664-.004-3.996.003a4.44%204.44%200%200%200-.707-2.398a4.18%204.18%200%200%200-2.276-1.726c1.007-1.047%202.009-2.098%203.016-3.144c1.867%201.148%203.254%203.11%203.745%205.313M10.88%207.122l-3.017%203.145C6.216%209.249%204.935%207.605%204.326%205.71A8.9%208.9%200%200%201%203.9%203h3.996a4.42%204.42%200%200%200%20.91%202.684a4.16%204.16%200%200%200%202.074%201.437M10.001%203c-.003.304.057.609.189.886c.399.938%201.516%201.44%202.443%201.093C13.442%204.718%2014%203.868%2014.002%203zm4.001%2017.998a2%202%200%200%200-.08-.573c-.07-.26-.19-.505-.35-.716c-.583-.808-1.753-1.04-2.58-.513c-.617.357-.984%201.079-.99%201.802z%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%23f4bb44%22%20d%3D%22M20.1%203.001q-.003.276-.019.55a8.63%208.63%200%200%201-1.701%204.655c-.384.523-.853.966-1.294%201.434l-7.981%208.328c-.768.79-1.207%201.905-1.209%203.03q-1.998%200-3.994-.002a22%2022%200%200%201%20.012-.476c.1-2.004.92-3.958%202.265-5.394l8.712-9.091c.77-.791%201.212-1.907%201.214-3.034q1.997-.002%203.995%200m-.218%2016.044c.145.639.215%201.295.218%201.952c-1.332.003-2.664-.004-3.996.003a4.44%204.44%200%200%200-.707-2.398a4.18%204.18%200%200%200-2.276-1.726c1.007-1.047%202.009-2.098%203.016-3.144c1.867%201.148%203.254%203.11%203.745%205.313M10.88%207.122l-3.017%203.145C6.216%209.249%204.935%207.605%204.326%205.71A8.9%208.9%200%200%201%203.9%203h3.996a4.42%204.42%200%200%200%20.91%202.684a4.16%204.16%200%200%200%202.074%201.437M10.001%203c-.003.304.057.609.189.886c.399.938%201.516%201.44%202.443%201.093C13.442%204.718%2014%203.868%2014.002%203zm4.001%2017.998a2%202%200%200%200-.08-.573c-.07-.26-.19-.505-.35-.716c-.583-.808-1.753-1.04-2.58-.513c-.617.357-.984%201.079-.99%201.802z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/bouncebit.svg?color=%231a73e8&size=48
