bsv logo
bsv-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- bsv-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 bsv 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(#SVGHcSWxdhd186)"><path fill="#eab300" d="M24 0H0v24h24z"/><path fill="#fff" d="M8 4v2H6v2h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-.5L6 18h2v2h2v-2h1.5v2h2v-2h1v-.008c1.954-.12 3.5-1.637 3.5-3.492c0-1.412-.896-2.629-2.187-3.182C16.539 10.768 17 9.934 17 9c0-1.838-2-3-3.5-3V4h-2v2H10V4zm2 12v-3.5h3.25a1.75 1.75 0 1 1 0 3.5zm0-8h2.5a1.5 1.5 0 1 1 0 3H10z"/></g><defs><clipPath id="SVGHcSWxdhd186"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBsvBackground(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(#SVGHcSWxdhd186)"><path fill="#eab300" d="M24 0H0v24h24z"/><path fill="#fff" d="M8 4v2H6v2h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-.5L6 18h2v2h2v-2h1.5v2h2v-2h1v-.008c1.954-.12 3.5-1.637 3.5-3.492c0-1.412-.896-2.629-2.187-3.182C16.539 10.768 17 9.934 17 9c0-1.838-2-3-3.5-3V4h-2v2H10V4zm2 12v-3.5h3.25a1.75 1.75 0 1 1 0 3.5zm0-8h2.5a1.5 1.5 0 1 1 0 3H10z"/></g><defs><clipPath id="SVGHcSWxdhd186"><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(#SVGHcSWxdhd186)"><path fill="#eab300" d="M24 0H0v24h24z"/><path fill="#fff" d="M8 4v2H6v2h1a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-.5.5h-.5L6 18h2v2h2v-2h1.5v2h2v-2h1v-.008c1.954-.12 3.5-1.637 3.5-3.492c0-1.412-.896-2.629-2.187-3.182C16.539 10.768 17 9.934 17 9c0-1.838-2-3-3.5-3V4h-2v2H10V4zm2 12v-3.5h3.25a1.75 1.75 0 1 1 0 3.5zm0-8h2.5a1.5 1.5 0 1 1 0 3H10z"/></g><defs><clipPath id="SVGHcSWxdhd186"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-bsv-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(%23SVGHcSWxdhd186)%22%3E%3Cpath%20fill%3D%22%23eab300%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%204v2H6v2h1a.5.5%200%200%201%20.5.5v7a.5.5%200%200%201-.5.5h-.5L6%2018h2v2h2v-2h1.5v2h2v-2h1v-.008c1.954-.12%203.5-1.637%203.5-3.492c0-1.412-.896-2.629-2.187-3.182C16.539%2010.768%2017%209.934%2017%209c0-1.838-2-3-3.5-3V4h-2v2H10V4zm2%2012v-3.5h3.25a1.75%201.75%200%201%201%200%203.5zm0-8h2.5a1.5%201.5%200%201%201%200%203H10z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd186%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(%23SVGHcSWxdhd186)%22%3E%3Cpath%20fill%3D%22%23eab300%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8%204v2H6v2h1a.5.5%200%200%201%20.5.5v7a.5.5%200%200%201-.5.5h-.5L6%2018h2v2h2v-2h1.5v2h2v-2h1v-.008c1.954-.12%203.5-1.637%203.5-3.492c0-1.412-.896-2.629-2.187-3.182C16.539%2010.768%2017%209.934%2017%209c0-1.838-2-3-3.5-3V4h-2v2H10V4zm2%2012v-3.5h3.25a1.75%201.75%200%201%201%200%203.5zm0-8h2.5a1.5%201.5%200%201%201%200%203H10z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd186%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/bsv-background.svg?color=%231a73e8&size=48
