bax logo
bax-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- bax-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 bax 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(#SVGHcSWxdhd182)"><path fill="#70b1c7" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M17.26 18.355a5.541 5.541 0 0 0-6.733-8.802c-2.76 2.112-3.543 6.198-3.943 9.509a.52.52 0 0 0 .444.58c3.28.478 7.486.813 10.232-1.287m-.78-.785a4.444 4.444 0 1 0-5.402-7.06c-2.186 1.672-2.826 4.888-3.151 7.526a.52.52 0 0 0 .445.58c2.615.377 5.933.617 8.108-1.046" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M15.035 13.381A5.54 5.54 0 1 0 7.05 5.7c-2.41 2.505-2.565 6.661-2.46 9.995a.523.523 0 0 0 .527.507c3.313-.024 7.523-.329 9.92-2.821m-.89-.658A4.445 4.445 0 0 0 7.74 6.561c-1.908 1.984-2.054 5.26-1.976 7.917a.52.52 0 0 0 .527.507c2.643-.025 5.958-.288 7.857-2.262" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd182"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBaxBackground(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(#SVGHcSWxdhd182)"><path fill="#70b1c7" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M17.26 18.355a5.541 5.541 0 0 0-6.733-8.802c-2.76 2.112-3.543 6.198-3.943 9.509a.52.52 0 0 0 .444.58c3.28.478 7.486.813 10.232-1.287m-.78-.785a4.444 4.444 0 1 0-5.402-7.06c-2.186 1.672-2.826 4.888-3.151 7.526a.52.52 0 0 0 .445.58c2.615.377 5.933.617 8.108-1.046" clipRule="evenodd"/><path fill="#fff" fillRule="evenodd" d="M15.035 13.381A5.54 5.54 0 1 0 7.05 5.7c-2.41 2.505-2.565 6.661-2.46 9.995a.523.523 0 0 0 .527.507c3.313-.024 7.523-.329 9.92-2.821m-.89-.658A4.445 4.445 0 0 0 7.74 6.561c-1.908 1.984-2.054 5.26-1.976 7.917a.52.52 0 0 0 .527.507c2.643-.025 5.958-.288 7.857-2.262" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd182"><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(#SVGHcSWxdhd182)"><path fill="#70b1c7" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M17.26 18.355a5.541 5.541 0 0 0-6.733-8.802c-2.76 2.112-3.543 6.198-3.943 9.509a.52.52 0 0 0 .444.58c3.28.478 7.486.813 10.232-1.287m-.78-.785a4.444 4.444 0 1 0-5.402-7.06c-2.186 1.672-2.826 4.888-3.151 7.526a.52.52 0 0 0 .445.58c2.615.377 5.933.617 8.108-1.046" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M15.035 13.381A5.54 5.54 0 1 0 7.05 5.7c-2.41 2.505-2.565 6.661-2.46 9.995a.523.523 0 0 0 .527.507c3.313-.024 7.523-.329 9.92-2.821m-.89-.658A4.445 4.445 0 0 0 7.74 6.561c-1.908 1.984-2.054 5.26-1.976 7.917a.52.52 0 0 0 .527.507c2.643-.025 5.958-.288 7.857-2.262" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd182"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-bax-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(%23SVGHcSWxdhd182)%22%3E%3Cpath%20fill%3D%22%2370b1c7%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.26%2018.355a5.541%205.541%200%200%200-6.733-8.802c-2.76%202.112-3.543%206.198-3.943%209.509a.52.52%200%200%200%20.444.58c3.28.478%207.486.813%2010.232-1.287m-.78-.785a4.444%204.444%200%201%200-5.402-7.06c-2.186%201.672-2.826%204.888-3.151%207.526a.52.52%200%200%200%20.445.58c2.615.377%205.933.617%208.108-1.046%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.035%2013.381A5.54%205.54%200%201%200%207.05%205.7c-2.41%202.505-2.565%206.661-2.46%209.995a.523.523%200%200%200%20.527.507c3.313-.024%207.523-.329%209.92-2.821m-.89-.658A4.445%204.445%200%200%200%207.74%206.561c-1.908%201.984-2.054%205.26-1.976%207.917a.52.52%200%200%200%20.527.507c2.643-.025%205.958-.288%207.857-2.262%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd182%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(%23SVGHcSWxdhd182)%22%3E%3Cpath%20fill%3D%22%2370b1c7%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17.26%2018.355a5.541%205.541%200%200%200-6.733-8.802c-2.76%202.112-3.543%206.198-3.943%209.509a.52.52%200%200%200%20.444.58c3.28.478%207.486.813%2010.232-1.287m-.78-.785a4.444%204.444%200%201%200-5.402-7.06c-2.186%201.672-2.826%204.888-3.151%207.526a.52.52%200%200%200%20.445.58c2.615.377%205.933.617%208.108-1.046%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.035%2013.381A5.54%205.54%200%201%200%207.05%205.7c-2.41%202.505-2.565%206.661-2.46%209.995a.523.523%200%200%200%20.527.507c3.313-.024%207.523-.329%209.92-2.821m-.89-.658A4.445%204.445%200%200%200%207.74%206.561c-1.908%201.984-2.054%205.26-1.976%207.917a.52.52%200%200%200%20.527.507c2.643-.025%205.958-.288%207.857-2.262%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd182%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/bax-background.svg?color=%231a73e8&size=48
