bfr logo
bfr from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- bfr
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the bfr logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 3.47h5.924c.258 0 .5.13.647.354L12 8.764l3.43-4.94a.77.77 0 0 1 .646-.353H22l-.965 1.47a.59.59 0 0 1-.506.294H16.9a.49.49 0 0 0-.394.206l-1.388 2.147h4.411l-1.117 1.547a.49.49 0 0 1-.4.218h-3.659c-.294 0-1.177.788-1.177 1.259s.26 1.312.989 2.288l.012.018c.747.994 1.352 2.453 1.352 3.647c0 2.923-2.276 3.859-3.529 3.964c-1.253-.105-3.53-1.04-3.53-3.958c0-1.2.606-2.66 1.354-3.647l.011-.024c.73-.976.988-1.823.988-2.294c0-.465-.793-1.253-1.088-1.253H6.076a.49.49 0 0 1-.4-.218L4.471 7.588h4.405L7.388 5.441a.49.49 0 0 0-.394-.206h-3.63a.59.59 0 0 1-.505-.294zm10 15.295c1.235 0 1.765-1.365 1.765-2.194c0-.67-1.106-2.647-1.765-3.547c-.659.906-1.765 2.882-1.765 3.547c0 .829.53 2.194 1.765 2.194"/></svg>
React
import type { SVGProps } from "react";
export function TokenBfr(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="M2 3.47h5.924c.258 0 .5.13.647.354L12 8.764l3.43-4.94a.77.77 0 0 1 .646-.353H22l-.965 1.47a.59.59 0 0 1-.506.294H16.9a.49.49 0 0 0-.394.206l-1.388 2.147h4.411l-1.117 1.547a.49.49 0 0 1-.4.218h-3.659c-.294 0-1.177.788-1.177 1.259s.26 1.312.989 2.288l.012.018c.747.994 1.352 2.453 1.352 3.647c0 2.923-2.276 3.859-3.529 3.964c-1.253-.105-3.53-1.04-3.53-3.958c0-1.2.606-2.66 1.354-3.647l.011-.024c.73-.976.988-1.823.988-2.294c0-.465-.793-1.253-1.088-1.253H6.076a.49.49 0 0 1-.4-.218L4.471 7.588h4.405L7.388 5.441a.49.49 0 0 0-.394-.206h-3.63a.59.59 0 0 1-.505-.294zm10 15.295c1.235 0 1.765-1.365 1.765-2.194c0-.67-1.106-2.647-1.765-3.547c-.659.906-1.765 2.882-1.765 3.547c0 .829.53 2.194 1.765 2.194"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 3.47h5.924c.258 0 .5.13.647.354L12 8.764l3.43-4.94a.77.77 0 0 1 .646-.353H22l-.965 1.47a.59.59 0 0 1-.506.294H16.9a.49.49 0 0 0-.394.206l-1.388 2.147h4.411l-1.117 1.547a.49.49 0 0 1-.4.218h-3.659c-.294 0-1.177.788-1.177 1.259s.26 1.312.989 2.288l.012.018c.747.994 1.352 2.453 1.352 3.647c0 2.923-2.276 3.859-3.529 3.964c-1.253-.105-3.53-1.04-3.53-3.958c0-1.2.606-2.66 1.354-3.647l.011-.024c.73-.976.988-1.823.988-2.294c0-.465-.793-1.253-1.088-1.253H6.076a.49.49 0 0 1-.4-.218L4.471 7.588h4.405L7.388 5.441a.49.49 0 0 0-.394-.206h-3.63a.59.59 0 0 1-.505-.294zm10 15.295c1.235 0 1.765-1.365 1.765-2.194c0-.67-1.106-2.647-1.765-3.547c-.659.906-1.765 2.882-1.765 3.547c0 .829.53 2.194 1.765 2.194"/></svg> </template>
CSS
.icon-bfr {
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%22M2%203.47h5.924c.258%200%20.5.13.647.354L12%208.764l3.43-4.94a.77.77%200%200%201%20.646-.353H22l-.965%201.47a.59.59%200%200%201-.506.294H16.9a.49.49%200%200%200-.394.206l-1.388%202.147h4.411l-1.117%201.547a.49.49%200%200%201-.4.218h-3.659c-.294%200-1.177.788-1.177%201.259s.26%201.312.989%202.288l.012.018c.747.994%201.352%202.453%201.352%203.647c0%202.923-2.276%203.859-3.529%203.964c-1.253-.105-3.53-1.04-3.53-3.958c0-1.2.606-2.66%201.354-3.647l.011-.024c.73-.976.988-1.823.988-2.294c0-.465-.793-1.253-1.088-1.253H6.076a.49.49%200%200%201-.4-.218L4.471%207.588h4.405L7.388%205.441a.49.49%200%200%200-.394-.206h-3.63a.59.59%200%200%201-.505-.294zm10%2015.295c1.235%200%201.765-1.365%201.765-2.194c0-.67-1.106-2.647-1.765-3.547c-.659.906-1.765%202.882-1.765%203.547c0%20.829.53%202.194%201.765%202.194%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%22M2%203.47h5.924c.258%200%20.5.13.647.354L12%208.764l3.43-4.94a.77.77%200%200%201%20.646-.353H22l-.965%201.47a.59.59%200%200%201-.506.294H16.9a.49.49%200%200%200-.394.206l-1.388%202.147h4.411l-1.117%201.547a.49.49%200%200%201-.4.218h-3.659c-.294%200-1.177.788-1.177%201.259s.26%201.312.989%202.288l.012.018c.747.994%201.352%202.453%201.352%203.647c0%202.923-2.276%203.859-3.529%203.964c-1.253-.105-3.53-1.04-3.53-3.958c0-1.2.606-2.66%201.354-3.647l.011-.024c.73-.976.988-1.823.988-2.294c0-.465-.793-1.253-1.088-1.253H6.076a.49.49%200%200%201-.4-.218L4.471%207.588h4.405L7.388%205.441a.49.49%200%200%200-.394-.206h-3.63a.59.59%200%200%201-.505-.294zm10%2015.295c1.235%200%201.765-1.365%201.765-2.194c0-.67-1.106-2.647-1.765-3.547c-.659.906-1.765%202.882-1.765%203.547c0%20.829.53%202.194%201.765%202.194%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/bfr.svg?color=%231a73e8&size=48
