bs logo
bs-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- bs-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 bs 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(#SVGHcSWxdhd8)"><path fill="#181b1e" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 12a7.999 7.999 0 1 1-15.998 0A7.999 7.999 0 0 1 20 12m-.889 0a7.11 7.11 0 0 1-3.564 6.165c-.231.035-.48.057-.742.057c-2.667 0-4.085-3.626-4.485-4.644a3 3 0 0 0-.098-.245c-.564 1.947-.11 3.267 0 3.556c-.653-.578-1.333-1.862-1.333-3.498a4.7 4.7 0 0 1 .889-2.724c-.027.102-.018.266-.01.43l.01.236c0 1.44 1.373 2 2.027 2c.328 0 .715-.044 1.106-.089c.387-.048.773-.097 1.102-.097c.636 0 .738.022 1.342.146l.054.01c-1.169.066-1.8.266-2.342.444c1.666.595 2.564 1.608 2.809 1.884l.053.058l.067.071c.093.111.208.24.43.24c.267 0 .587-.044.765-.284c.147-.196.316-.276.382-.29c.04-.164.134-.6.205-1.062c-.622-1.462-2.778-3.395-3.098-3.688l-.013-.01c.222 0 .697 0 1.306.867c.49.69.774.898.916.912c-.231-.245-.622-.907-.822-1.6a4.5 4.5 0 0 0-1.4-1.956c0-.773.8-1.378 1.209-1.685L16 7.111c-1.111 0-2.542.533-3.111.889c-.413-.133-1.547-.444-2.596-.444c-2.502 0-4.266 1.386-5.102 2.39A7 7 0 0 1 6.01 8.17c1.51-.726 3.066-1.06 3.78-1.06c.502 0 1.027.142 1.52.276c.24.062.471.124.689.169c.4-.284.853-.48 1.333-.578c-.484-.347-1.91-.756-3.32-.756c-1.115 0-2.409.4-2.889.6A7.111 7.111 0 0 1 19.111 12M5.333 14.569c.48 1.289 1.156 2.396 2.223 3.209c-.4-.605-.89-1.996-.89-3.436c0-1.911.57-3.187 1.334-4.12c-.236.09-2.36 1.151-2.658 4.25z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd8"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBsBackground(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(#SVGHcSWxdhd8)"><path fill="#181b1e" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M20 12a7.999 7.999 0 1 1-15.998 0A7.999 7.999 0 0 1 20 12m-.889 0a7.11 7.11 0 0 1-3.564 6.165c-.231.035-.48.057-.742.057c-2.667 0-4.085-3.626-4.485-4.644a3 3 0 0 0-.098-.245c-.564 1.947-.11 3.267 0 3.556c-.653-.578-1.333-1.862-1.333-3.498a4.7 4.7 0 0 1 .889-2.724c-.027.102-.018.266-.01.43l.01.236c0 1.44 1.373 2 2.027 2c.328 0 .715-.044 1.106-.089c.387-.048.773-.097 1.102-.097c.636 0 .738.022 1.342.146l.054.01c-1.169.066-1.8.266-2.342.444c1.666.595 2.564 1.608 2.809 1.884l.053.058l.067.071c.093.111.208.24.43.24c.267 0 .587-.044.765-.284c.147-.196.316-.276.382-.29c.04-.164.134-.6.205-1.062c-.622-1.462-2.778-3.395-3.098-3.688l-.013-.01c.222 0 .697 0 1.306.867c.49.69.774.898.916.912c-.231-.245-.622-.907-.822-1.6a4.5 4.5 0 0 0-1.4-1.956c0-.773.8-1.378 1.209-1.685L16 7.111c-1.111 0-2.542.533-3.111.889c-.413-.133-1.547-.444-2.596-.444c-2.502 0-4.266 1.386-5.102 2.39A7 7 0 0 1 6.01 8.17c1.51-.726 3.066-1.06 3.78-1.06c.502 0 1.027.142 1.52.276c.24.062.471.124.689.169c.4-.284.853-.48 1.333-.578c-.484-.347-1.91-.756-3.32-.756c-1.115 0-2.409.4-2.889.6A7.111 7.111 0 0 1 19.111 12M5.333 14.569c.48 1.289 1.156 2.396 2.223 3.209c-.4-.605-.89-1.996-.89-3.436c0-1.911.57-3.187 1.334-4.12c-.236.09-2.36 1.151-2.658 4.25z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd8"><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(#SVGHcSWxdhd8)"><path fill="#181b1e" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M20 12a7.999 7.999 0 1 1-15.998 0A7.999 7.999 0 0 1 20 12m-.889 0a7.11 7.11 0 0 1-3.564 6.165c-.231.035-.48.057-.742.057c-2.667 0-4.085-3.626-4.485-4.644a3 3 0 0 0-.098-.245c-.564 1.947-.11 3.267 0 3.556c-.653-.578-1.333-1.862-1.333-3.498a4.7 4.7 0 0 1 .889-2.724c-.027.102-.018.266-.01.43l.01.236c0 1.44 1.373 2 2.027 2c.328 0 .715-.044 1.106-.089c.387-.048.773-.097 1.102-.097c.636 0 .738.022 1.342.146l.054.01c-1.169.066-1.8.266-2.342.444c1.666.595 2.564 1.608 2.809 1.884l.053.058l.067.071c.093.111.208.24.43.24c.267 0 .587-.044.765-.284c.147-.196.316-.276.382-.29c.04-.164.134-.6.205-1.062c-.622-1.462-2.778-3.395-3.098-3.688l-.013-.01c.222 0 .697 0 1.306.867c.49.69.774.898.916.912c-.231-.245-.622-.907-.822-1.6a4.5 4.5 0 0 0-1.4-1.956c0-.773.8-1.378 1.209-1.685L16 7.111c-1.111 0-2.542.533-3.111.889c-.413-.133-1.547-.444-2.596-.444c-2.502 0-4.266 1.386-5.102 2.39A7 7 0 0 1 6.01 8.17c1.51-.726 3.066-1.06 3.78-1.06c.502 0 1.027.142 1.52.276c.24.062.471.124.689.169c.4-.284.853-.48 1.333-.578c-.484-.347-1.91-.756-3.32-.756c-1.115 0-2.409.4-2.889.6A7.111 7.111 0 0 1 19.111 12M5.333 14.569c.48 1.289 1.156 2.396 2.223 3.209c-.4-.605-.89-1.996-.89-3.436c0-1.911.57-3.187 1.334-4.12c-.236.09-2.36 1.151-2.658 4.25z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd8"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-bs-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(%23SVGHcSWxdhd8)%22%3E%3Cpath%20fill%3D%22%23181b1e%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2012a7.999%207.999%200%201%201-15.998%200A7.999%207.999%200%200%201%2020%2012m-.889%200a7.11%207.11%200%200%201-3.564%206.165c-.231.035-.48.057-.742.057c-2.667%200-4.085-3.626-4.485-4.644a3%203%200%200%200-.098-.245c-.564%201.947-.11%203.267%200%203.556c-.653-.578-1.333-1.862-1.333-3.498a4.7%204.7%200%200%201%20.889-2.724c-.027.102-.018.266-.01.43l.01.236c0%201.44%201.373%202%202.027%202c.328%200%20.715-.044%201.106-.089c.387-.048.773-.097%201.102-.097c.636%200%20.738.022%201.342.146l.054.01c-1.169.066-1.8.266-2.342.444c1.666.595%202.564%201.608%202.809%201.884l.053.058l.067.071c.093.111.208.24.43.24c.267%200%20.587-.044.765-.284c.147-.196.316-.276.382-.29c.04-.164.134-.6.205-1.062c-.622-1.462-2.778-3.395-3.098-3.688l-.013-.01c.222%200%20.697%200%201.306.867c.49.69.774.898.916.912c-.231-.245-.622-.907-.822-1.6a4.5%204.5%200%200%200-1.4-1.956c0-.773.8-1.378%201.209-1.685L16%207.111c-1.111%200-2.542.533-3.111.889c-.413-.133-1.547-.444-2.596-.444c-2.502%200-4.266%201.386-5.102%202.39A7%207%200%200%201%206.01%208.17c1.51-.726%203.066-1.06%203.78-1.06c.502%200%201.027.142%201.52.276c.24.062.471.124.689.169c.4-.284.853-.48%201.333-.578c-.484-.347-1.91-.756-3.32-.756c-1.115%200-2.409.4-2.889.6A7.111%207.111%200%200%201%2019.111%2012M5.333%2014.569c.48%201.289%201.156%202.396%202.223%203.209c-.4-.605-.89-1.996-.89-3.436c0-1.911.57-3.187%201.334-4.12c-.236.09-2.36%201.151-2.658%204.25z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd8%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(%23SVGHcSWxdhd8)%22%3E%3Cpath%20fill%3D%22%23181b1e%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M20%2012a7.999%207.999%200%201%201-15.998%200A7.999%207.999%200%200%201%2020%2012m-.889%200a7.11%207.11%200%200%201-3.564%206.165c-.231.035-.48.057-.742.057c-2.667%200-4.085-3.626-4.485-4.644a3%203%200%200%200-.098-.245c-.564%201.947-.11%203.267%200%203.556c-.653-.578-1.333-1.862-1.333-3.498a4.7%204.7%200%200%201%20.889-2.724c-.027.102-.018.266-.01.43l.01.236c0%201.44%201.373%202%202.027%202c.328%200%20.715-.044%201.106-.089c.387-.048.773-.097%201.102-.097c.636%200%20.738.022%201.342.146l.054.01c-1.169.066-1.8.266-2.342.444c1.666.595%202.564%201.608%202.809%201.884l.053.058l.067.071c.093.111.208.24.43.24c.267%200%20.587-.044.765-.284c.147-.196.316-.276.382-.29c.04-.164.134-.6.205-1.062c-.622-1.462-2.778-3.395-3.098-3.688l-.013-.01c.222%200%20.697%200%201.306.867c.49.69.774.898.916.912c-.231-.245-.622-.907-.822-1.6a4.5%204.5%200%200%200-1.4-1.956c0-.773.8-1.378%201.209-1.685L16%207.111c-1.111%200-2.542.533-3.111.889c-.413-.133-1.547-.444-2.596-.444c-2.502%200-4.266%201.386-5.102%202.39A7%207%200%200%201%206.01%208.17c1.51-.726%203.066-1.06%203.78-1.06c.502%200%201.027.142%201.52.276c.24.062.471.124.689.169c.4-.284.853-.48%201.333-.578c-.484-.347-1.91-.756-3.32-.756c-1.115%200-2.409.4-2.889.6A7.111%207.111%200%200%201%2019.111%2012M5.333%2014.569c.48%201.289%201.156%202.396%202.223%203.209c-.4-.605-.89-1.996-.89-3.436c0-1.911.57-3.187%201.334-4.12c-.236.09-2.36%201.151-2.658%204.25z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd8%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/bs-background.svg?color=%231a73e8&size=48
