bnb icon
bnb-line from Remix Icon by Remix Design · Line · Finance · Apache-2.0 Free for personal and commercial use.
- Name
- bnb-line
- Set
- Remix Icon
- Style
- Line
- Category
- Finance
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More finance icons from Remix Icon
24-hours-fillauction-fillbank-card-2-fillbank-card-fillbit-coin-fillbtc-fillcash-fillcoin-fillcoins-fillcopper-coin-fillcopper-diamond-fillcoupon-2-fillcoupon-3-fillcoupon-4-fillcoupon-5-fillcoupon-fillcurrency-filldiamond-filldiamond-ring-filldiscount-percent-filleth-fillexchange-2-fillexchange-box-fillexchange-cny-fill
Use the bnb icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 20.689l-2.01-1.163l-.002 2.31L12 23l2.011-1.165l-.002-2.309zm4.007-2.32l.003 2.31L21.5 17.5v-6.354l-2 1.151v4.05zm3.493-8.38l2-1.151V6.5l-1.996-1.156L17.508 6.5L19.5 7.653zm-3.988-4.645l1.996-1.155L12 1L6.492 4.189l1.996 1.156L12 3.31zM6.492 6.5L4.496 5.345L2.5 6.5v2.338l2 1.152V7.653zM2.5 11.146l2 1.152v4.049l3.492 2.022l-.003 2.31L2.5 17.5zm15-2.34l-1.988-1.15L12 9.689L8.488 7.656L6.5 8.806v2.335l3.498 2.015l-.004 4.06L12 18.378l2.006-1.161L14 13.155l3.499-2.014zM7.995 16.06l.002-1.748L6.5 13.45v1.745zm2.488-9.56L12 7.378l1.516-.878L12 5.622zm5.52 7.81l1.497-.861v1.745l-1.495.866z"/></svg>
React
import type { SVGProps } from "react";
export function RiBnbLine(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="m12 20.689l-2.01-1.163l-.002 2.31L12 23l2.011-1.165l-.002-2.309zm4.007-2.32l.003 2.31L21.5 17.5v-6.354l-2 1.151v4.05zm3.493-8.38l2-1.151V6.5l-1.996-1.156L17.508 6.5L19.5 7.653zm-3.988-4.645l1.996-1.155L12 1L6.492 4.189l1.996 1.156L12 3.31zM6.492 6.5L4.496 5.345L2.5 6.5v2.338l2 1.152V7.653zM2.5 11.146l2 1.152v4.049l3.492 2.022l-.003 2.31L2.5 17.5zm15-2.34l-1.988-1.15L12 9.689L8.488 7.656L6.5 8.806v2.335l3.498 2.015l-.004 4.06L12 18.378l2.006-1.161L14 13.155l3.499-2.014zM7.995 16.06l.002-1.748L6.5 13.45v1.745zm2.488-9.56L12 7.378l1.516-.878L12 5.622zm5.52 7.81l1.497-.861v1.745l-1.495.866z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m12 20.689l-2.01-1.163l-.002 2.31L12 23l2.011-1.165l-.002-2.309zm4.007-2.32l.003 2.31L21.5 17.5v-6.354l-2 1.151v4.05zm3.493-8.38l2-1.151V6.5l-1.996-1.156L17.508 6.5L19.5 7.653zm-3.988-4.645l1.996-1.155L12 1L6.492 4.189l1.996 1.156L12 3.31zM6.492 6.5L4.496 5.345L2.5 6.5v2.338l2 1.152V7.653zM2.5 11.146l2 1.152v4.049l3.492 2.022l-.003 2.31L2.5 17.5zm15-2.34l-1.988-1.15L12 9.689L8.488 7.656L6.5 8.806v2.335l3.498 2.015l-.004 4.06L12 18.378l2.006-1.161L14 13.155l3.499-2.014zM7.995 16.06l.002-1.748L6.5 13.45v1.745zm2.488-9.56L12 7.378l1.516-.878L12 5.622zm5.52 7.81l1.497-.861v1.745l-1.495.866z"/></svg> </template>
CSS
.icon-bnb-line {
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%22m12%2020.689l-2.01-1.163l-.002%202.31L12%2023l2.011-1.165l-.002-2.309zm4.007-2.32l.003%202.31L21.5%2017.5v-6.354l-2%201.151v4.05zm3.493-8.38l2-1.151V6.5l-1.996-1.156L17.508%206.5L19.5%207.653zm-3.988-4.645l1.996-1.155L12%201L6.492%204.189l1.996%201.156L12%203.31zM6.492%206.5L4.496%205.345L2.5%206.5v2.338l2%201.152V7.653zM2.5%2011.146l2%201.152v4.049l3.492%202.022l-.003%202.31L2.5%2017.5zm15-2.34l-1.988-1.15L12%209.689L8.488%207.656L6.5%208.806v2.335l3.498%202.015l-.004%204.06L12%2018.378l2.006-1.161L14%2013.155l3.499-2.014zM7.995%2016.06l.002-1.748L6.5%2013.45v1.745zm2.488-9.56L12%207.378l1.516-.878L12%205.622zm5.52%207.81l1.497-.861v1.745l-1.495.866z%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%22m12%2020.689l-2.01-1.163l-.002%202.31L12%2023l2.011-1.165l-.002-2.309zm4.007-2.32l.003%202.31L21.5%2017.5v-6.354l-2%201.151v4.05zm3.493-8.38l2-1.151V6.5l-1.996-1.156L17.508%206.5L19.5%207.653zm-3.988-4.645l1.996-1.155L12%201L6.492%204.189l1.996%201.156L12%203.31zM6.492%206.5L4.496%205.345L2.5%206.5v2.338l2%201.152V7.653zM2.5%2011.146l2%201.152v4.049l3.492%202.022l-.003%202.31L2.5%2017.5zm15-2.34l-1.988-1.15L12%209.689L8.488%207.656L6.5%208.806v2.335l3.498%202.015l-.004%204.06L12%2018.378l2.006-1.161L14%2013.155l3.499-2.014zM7.995%2016.06l.002-1.748L6.5%2013.45v1.745zm2.488-9.56L12%207.378l1.516-.878L12%205.622zm5.52%207.81l1.497-.861v1.745l-1.495.866z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/bnb-line.svg?color=%231a73e8&size=48
