bouncebit logo
bouncebit-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- bouncebit-background
- Set
- Web3 Icons Branded
- Style
- Background
- 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"><g fill="none"><g clip-path="url(#SVGHcSWxdhd201)"><path fill="#f4bb44" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.2 4.001q-.003.244-.016.489a7.7 7.7 0 0 1-1.513 4.137c-.341.465-.758.86-1.15 1.276l-7.095 7.402c-.682.703-1.072 1.693-1.074 2.692q-1.775.002-3.55 0q.002-.213.011-.424c.089-1.781.818-3.518 2.013-4.794l7.744-8.081c.685-.704 1.077-1.696 1.079-2.697q1.775-.002 3.55 0m-.192 14.261c.128.568.19 1.152.193 1.735c-1.184.003-2.368-.003-3.552.003a3.95 3.95 0 0 0-.628-2.132a3.7 3.7 0 0 0-2.023-1.534c.895-.93 1.785-1.865 2.68-2.795c1.66 1.021 2.893 2.764 3.33 4.723M11.004 7.664l-2.681 2.795C6.859 9.555 5.72 8.093 5.178 6.41A7.9 7.9 0 0 1 4.8 4h3.552c.002.86.288 1.717.81 2.386a3.7 3.7 0 0 0 1.842 1.277M10.223 4c-.003.27.051.54.168.788c.355.834 1.347 1.28 2.172.97c.719-.231 1.215-.986 1.216-1.758zm3.557 15.998a1.7 1.7 0 0 0-.072-.509a1.9 1.9 0 0 0-.311-.637c-.518-.718-1.558-.923-2.293-.456c-.548.318-.874.96-.88 1.602z"/></g><defs><clipPath id="SVGHcSWxdhd201"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBouncebitBackground(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"><g clipPath="url(#SVGHcSWxdhd201)"><path fill="#f4bb44" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.2 4.001q-.003.244-.016.489a7.7 7.7 0 0 1-1.513 4.137c-.341.465-.758.86-1.15 1.276l-7.095 7.402c-.682.703-1.072 1.693-1.074 2.692q-1.775.002-3.55 0q.002-.213.011-.424c.089-1.781.818-3.518 2.013-4.794l7.744-8.081c.685-.704 1.077-1.696 1.079-2.697q1.775-.002 3.55 0m-.192 14.261c.128.568.19 1.152.193 1.735c-1.184.003-2.368-.003-3.552.003a3.95 3.95 0 0 0-.628-2.132a3.7 3.7 0 0 0-2.023-1.534c.895-.93 1.785-1.865 2.68-2.795c1.66 1.021 2.893 2.764 3.33 4.723M11.004 7.664l-2.681 2.795C6.859 9.555 5.72 8.093 5.178 6.41A7.9 7.9 0 0 1 4.8 4h3.552c.002.86.288 1.717.81 2.386a3.7 3.7 0 0 0 1.842 1.277M10.223 4c-.003.27.051.54.168.788c.355.834 1.347 1.28 2.172.97c.719-.231 1.215-.986 1.216-1.758zm3.557 15.998a1.7 1.7 0 0 0-.072-.509a1.9 1.9 0 0 0-.311-.637c-.518-.718-1.558-.923-2.293-.456c-.548.318-.874.96-.88 1.602z"/></g><defs><clipPath id="SVGHcSWxdhd201"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd201)"><path fill="#f4bb44" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.2 4.001q-.003.244-.016.489a7.7 7.7 0 0 1-1.513 4.137c-.341.465-.758.86-1.15 1.276l-7.095 7.402c-.682.703-1.072 1.693-1.074 2.692q-1.775.002-3.55 0q.002-.213.011-.424c.089-1.781.818-3.518 2.013-4.794l7.744-8.081c.685-.704 1.077-1.696 1.079-2.697q1.775-.002 3.55 0m-.192 14.261c.128.568.19 1.152.193 1.735c-1.184.003-2.368-.003-3.552.003a3.95 3.95 0 0 0-.628-2.132a3.7 3.7 0 0 0-2.023-1.534c.895-.93 1.785-1.865 2.68-2.795c1.66 1.021 2.893 2.764 3.33 4.723M11.004 7.664l-2.681 2.795C6.859 9.555 5.72 8.093 5.178 6.41A7.9 7.9 0 0 1 4.8 4h3.552c.002.86.288 1.717.81 2.386a3.7 3.7 0 0 0 1.842 1.277M10.223 4c-.003.27.051.54.168.788c.355.834 1.347 1.28 2.172.97c.719-.231 1.215-.986 1.216-1.758zm3.557 15.998a1.7 1.7 0 0 0-.072-.509a1.9 1.9 0 0 0-.311-.637c-.518-.718-1.558-.923-2.293-.456c-.548.318-.874.96-.88 1.602z"/></g><defs><clipPath id="SVGHcSWxdhd201"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-bouncebit-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd201)%22%3E%3Cpath%20fill%3D%22%23f4bb44%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.2%204.001q-.003.244-.016.489a7.7%207.7%200%200%201-1.513%204.137c-.341.465-.758.86-1.15%201.276l-7.095%207.402c-.682.703-1.072%201.693-1.074%202.692q-1.775.002-3.55%200q.002-.213.011-.424c.089-1.781.818-3.518%202.013-4.794l7.744-8.081c.685-.704%201.077-1.696%201.079-2.697q1.775-.002%203.55%200m-.192%2014.261c.128.568.19%201.152.193%201.735c-1.184.003-2.368-.003-3.552.003a3.95%203.95%200%200%200-.628-2.132a3.7%203.7%200%200%200-2.023-1.534c.895-.93%201.785-1.865%202.68-2.795c1.66%201.021%202.893%202.764%203.33%204.723M11.004%207.664l-2.681%202.795C6.859%209.555%205.72%208.093%205.178%206.41A7.9%207.9%200%200%201%204.8%204h3.552c.002.86.288%201.717.81%202.386a3.7%203.7%200%200%200%201.842%201.277M10.223%204c-.003.27.051.54.168.788c.355.834%201.347%201.28%202.172.97c.719-.231%201.215-.986%201.216-1.758zm3.557%2015.998a1.7%201.7%200%200%200-.072-.509a1.9%201.9%200%200%200-.311-.637c-.518-.718-1.558-.923-2.293-.456c-.548.318-.874.96-.88%201.602z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd201%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd201)%22%3E%3Cpath%20fill%3D%22%23f4bb44%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.2%204.001q-.003.244-.016.489a7.7%207.7%200%200%201-1.513%204.137c-.341.465-.758.86-1.15%201.276l-7.095%207.402c-.682.703-1.072%201.693-1.074%202.692q-1.775.002-3.55%200q.002-.213.011-.424c.089-1.781.818-3.518%202.013-4.794l7.744-8.081c.685-.704%201.077-1.696%201.079-2.697q1.775-.002%203.55%200m-.192%2014.261c.128.568.19%201.152.193%201.735c-1.184.003-2.368-.003-3.552.003a3.95%203.95%200%200%200-.628-2.132a3.7%203.7%200%200%200-2.023-1.534c.895-.93%201.785-1.865%202.68-2.795c1.66%201.021%202.893%202.764%203.33%204.723M11.004%207.664l-2.681%202.795C6.859%209.555%205.72%208.093%205.178%206.41A7.9%207.9%200%200%201%204.8%204h3.552c.002.86.288%201.717.81%202.386a3.7%203.7%200%200%200%201.842%201.277M10.223%204c-.003.27.051.54.168.788c.355.834%201.347%201.28%202.172.97c.719-.231%201.215-.986%201.216-1.758zm3.557%2015.998a1.7%201.7%200%200%200-.072-.509a1.9%201.9%200%200%200-.311-.637c-.518-.718-1.558-.923-2.293-.456c-.548.318-.874.96-.88%201.602z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd201%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/bouncebit-background.svg?color=%231a73e8&size=48
