bnb logo
bnb from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- bnb
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the bnb logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.885 5.755L12 3l5.115 2.755l-1.876 1.02L12 5.035l-3.234 1.74zm10.23 3.48l-1.876-1.02L12 9.955l-3.234-1.74l-1.88 1.02v2.035l3.23 1.74v3.475L12 17.505l1.88-1.02V13.01l3.234-1.74zm0 5.515v-2.04l-1.876 1.02v2.035zm1.338.72l-3.234 1.735v2.04l5.114-2.76v-5.51l-1.88 1.015zm-1.88-7.975l1.875 1.02v2.035l1.885-1.015v-2.04l-1.88-1.02l-1.88 1.025zm-6.459 10.45v2.035L12 21l1.88-1.02v-2.03L12 18.965l-1.88-1.02zm-3.229-3.2l1.875 1.02V13.73l-1.875-1.02v2.04zm3.23-7.25L12 8.515l1.88-1.02L12 6.475L10.12 7.5zm-4.568 1.02l1.88-1.02l-1.875-1.02L3.667 7.5v2.04l1.88 1.015zm0 3.475l-1.88-1.015v5.51l5.114 2.76V17.2l-3.23-1.735v-3.48z"/></svg>
React
import type { SVGProps } from "react";
export function TokenBnb(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.885 5.755L12 3l5.115 2.755l-1.876 1.02L12 5.035l-3.234 1.74zm10.23 3.48l-1.876-1.02L12 9.955l-3.234-1.74l-1.88 1.02v2.035l3.23 1.74v3.475L12 17.505l1.88-1.02V13.01l3.234-1.74zm0 5.515v-2.04l-1.876 1.02v2.035zm1.338.72l-3.234 1.735v2.04l5.114-2.76v-5.51l-1.88 1.015zm-1.88-7.975l1.875 1.02v2.035l1.885-1.015v-2.04l-1.88-1.02l-1.88 1.025zm-6.459 10.45v2.035L12 21l1.88-1.02v-2.03L12 18.965l-1.88-1.02zm-3.229-3.2l1.875 1.02V13.73l-1.875-1.02v2.04zm3.23-7.25L12 8.515l1.88-1.02L12 6.475L10.12 7.5zm-4.568 1.02l1.88-1.02l-1.875-1.02L3.667 7.5v2.04l1.88 1.015zm0 3.475l-1.88-1.015v5.51l5.114 2.76V17.2l-3.23-1.735v-3.48z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.885 5.755L12 3l5.115 2.755l-1.876 1.02L12 5.035l-3.234 1.74zm10.23 3.48l-1.876-1.02L12 9.955l-3.234-1.74l-1.88 1.02v2.035l3.23 1.74v3.475L12 17.505l1.88-1.02V13.01l3.234-1.74zm0 5.515v-2.04l-1.876 1.02v2.035zm1.338.72l-3.234 1.735v2.04l5.114-2.76v-5.51l-1.88 1.015zm-1.88-7.975l1.875 1.02v2.035l1.885-1.015v-2.04l-1.88-1.02l-1.88 1.025zm-6.459 10.45v2.035L12 21l1.88-1.02v-2.03L12 18.965l-1.88-1.02zm-3.229-3.2l1.875 1.02V13.73l-1.875-1.02v2.04zm3.23-7.25L12 8.515l1.88-1.02L12 6.475L10.12 7.5zm-4.568 1.02l1.88-1.02l-1.875-1.02L3.667 7.5v2.04l1.88 1.015zm0 3.475l-1.88-1.015v5.51l5.114 2.76V17.2l-3.23-1.735v-3.48z"/></svg> </template>
CSS
.icon-bnb {
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%22currentColor%22%20d%3D%22M6.885%205.755L12%203l5.115%202.755l-1.876%201.02L12%205.035l-3.234%201.74zm10.23%203.48l-1.876-1.02L12%209.955l-3.234-1.74l-1.88%201.02v2.035l3.23%201.74v3.475L12%2017.505l1.88-1.02V13.01l3.234-1.74zm0%205.515v-2.04l-1.876%201.02v2.035zm1.338.72l-3.234%201.735v2.04l5.114-2.76v-5.51l-1.88%201.015zm-1.88-7.975l1.875%201.02v2.035l1.885-1.015v-2.04l-1.88-1.02l-1.88%201.025zm-6.459%2010.45v2.035L12%2021l1.88-1.02v-2.03L12%2018.965l-1.88-1.02zm-3.229-3.2l1.875%201.02V13.73l-1.875-1.02v2.04zm3.23-7.25L12%208.515l1.88-1.02L12%206.475L10.12%207.5zm-4.568%201.02l1.88-1.02l-1.875-1.02L3.667%207.5v2.04l1.88%201.015zm0%203.475l-1.88-1.015v5.51l5.114%202.76V17.2l-3.23-1.735v-3.48z%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%22currentColor%22%20d%3D%22M6.885%205.755L12%203l5.115%202.755l-1.876%201.02L12%205.035l-3.234%201.74zm10.23%203.48l-1.876-1.02L12%209.955l-3.234-1.74l-1.88%201.02v2.035l3.23%201.74v3.475L12%2017.505l1.88-1.02V13.01l3.234-1.74zm0%205.515v-2.04l-1.876%201.02v2.035zm1.338.72l-3.234%201.735v2.04l5.114-2.76v-5.51l-1.88%201.015zm-1.88-7.975l1.875%201.02v2.035l1.885-1.015v-2.04l-1.88-1.02l-1.88%201.025zm-6.459%2010.45v2.035L12%2021l1.88-1.02v-2.03L12%2018.965l-1.88-1.02zm-3.229-3.2l1.875%201.02V13.73l-1.875-1.02v2.04zm3.23-7.25L12%208.515l1.88-1.02L12%206.475L10.12%207.5zm-4.568%201.02l1.88-1.02l-1.875-1.02L3.667%207.5v2.04l1.88%201.015zm0%203.475l-1.88-1.015v5.51l5.114%202.76V17.2l-3.23-1.735v-3.48z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/bnb.svg?color=%231a73e8&size=48
