bft logo
bft from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- bft
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the bft logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#2E3488" d="M12 21.536A9.535 9.535 0 0 0 21.536 12A9.535 9.535 0 0 0 12 2.464a9.536 9.536 0 1 0 0 19.072"/><path fill="#6D2B7F" d="M12 2.928a9.072 9.072 0 1 0 0 18.145a9.072 9.072 0 0 0 0-18.145M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12"/><path fill="#fff" fill-rule="evenodd" d="M6.378 7.918v8.165c0 .155.135.292.287.292H8.52c.55 0 .994-.454.994-1.014v-3.049c0-.376-.23-.609-.503-.823a.145.145 0 0 1 0-.227c.268-.225.503-.456.503-.836V8.64c0-.556-.444-1.015-.994-1.015H6.665a.29.29 0 0 0-.287.293m1.248.763a.14.14 0 0 1 .085-.137c.223-.097.54.107.54.352v1.498c0 .167-.167.358-.338.358h-.147a.14.14 0 0 1-.1-.042a.14.14 0 0 1-.04-.102zm.002 6.53a.144.144 0 0 0 .14.15l.147-.007c.194 0 .336-.166.336-.358v-2.63c0-.197-.143-.364-.336-.364H7.77c-.082 0-.14.066-.14.15zm3.123-7.293v8.165h.006c0 .153.127.289.275.292h.697c.147-.003.272-.14.272-.293v-3.926c-.003-.08.063-.156.142-.156h.83a.286.286 0 0 0 .278-.28v-.672c0-.162-.123-.298-.272-.298h-.831c-.08 0-.147-.06-.147-.137v-1.59a.145.145 0 0 1 .142-.15h.83c.147 0 .274-.132.278-.285v-.67c0-.162-.123-.293-.272-.293h-1.941a.29.29 0 0 0-.287.293m3.125 0v.67a.303.303 0 0 0 .283.286h.838c.08 0 .14.071.137.15v7.059c0 .155.132.292.282.292h.683c.15 0 .277-.137.277-.293V9.023a.145.145 0 0 1 .142-.15h.828a.294.294 0 0 0 .28-.285v-.67a.29.29 0 0 0-.28-.293h-3.187a.29.29 0 0 0-.283.293" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBft(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"><path fill="#2E3488" d="M12 21.536A9.535 9.535 0 0 0 21.536 12A9.535 9.535 0 0 0 12 2.464a9.536 9.536 0 1 0 0 19.072"/><path fill="#6D2B7F" d="M12 2.928a9.072 9.072 0 1 0 0 18.145a9.072 9.072 0 0 0 0-18.145M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12"/><path fill="#fff" fillRule="evenodd" d="M6.378 7.918v8.165c0 .155.135.292.287.292H8.52c.55 0 .994-.454.994-1.014v-3.049c0-.376-.23-.609-.503-.823a.145.145 0 0 1 0-.227c.268-.225.503-.456.503-.836V8.64c0-.556-.444-1.015-.994-1.015H6.665a.29.29 0 0 0-.287.293m1.248.763a.14.14 0 0 1 .085-.137c.223-.097.54.107.54.352v1.498c0 .167-.167.358-.338.358h-.147a.14.14 0 0 1-.1-.042a.14.14 0 0 1-.04-.102zm.002 6.53a.144.144 0 0 0 .14.15l.147-.007c.194 0 .336-.166.336-.358v-2.63c0-.197-.143-.364-.336-.364H7.77c-.082 0-.14.066-.14.15zm3.123-7.293v8.165h.006c0 .153.127.289.275.292h.697c.147-.003.272-.14.272-.293v-3.926c-.003-.08.063-.156.142-.156h.83a.286.286 0 0 0 .278-.28v-.672c0-.162-.123-.298-.272-.298h-.831c-.08 0-.147-.06-.147-.137v-1.59a.145.145 0 0 1 .142-.15h.83c.147 0 .274-.132.278-.285v-.67c0-.162-.123-.293-.272-.293h-1.941a.29.29 0 0 0-.287.293m3.125 0v.67a.303.303 0 0 0 .283.286h.838c.08 0 .14.071.137.15v7.059c0 .155.132.292.282.292h.683c.15 0 .277-.137.277-.293V9.023a.145.145 0 0 1 .142-.15h.828a.294.294 0 0 0 .28-.285v-.67a.29.29 0 0 0-.28-.293h-3.187a.29.29 0 0 0-.283.293" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#2E3488" d="M12 21.536A9.535 9.535 0 0 0 21.536 12A9.535 9.535 0 0 0 12 2.464a9.536 9.536 0 1 0 0 19.072"/><path fill="#6D2B7F" d="M12 2.928a9.072 9.072 0 1 0 0 18.145a9.072 9.072 0 0 0 0-18.145M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12"/><path fill="#fff" fill-rule="evenodd" d="M6.378 7.918v8.165c0 .155.135.292.287.292H8.52c.55 0 .994-.454.994-1.014v-3.049c0-.376-.23-.609-.503-.823a.145.145 0 0 1 0-.227c.268-.225.503-.456.503-.836V8.64c0-.556-.444-1.015-.994-1.015H6.665a.29.29 0 0 0-.287.293m1.248.763a.14.14 0 0 1 .085-.137c.223-.097.54.107.54.352v1.498c0 .167-.167.358-.338.358h-.147a.14.14 0 0 1-.1-.042a.14.14 0 0 1-.04-.102zm.002 6.53a.144.144 0 0 0 .14.15l.147-.007c.194 0 .336-.166.336-.358v-2.63c0-.197-.143-.364-.336-.364H7.77c-.082 0-.14.066-.14.15zm3.123-7.293v8.165h.006c0 .153.127.289.275.292h.697c.147-.003.272-.14.272-.293v-3.926c-.003-.08.063-.156.142-.156h.83a.286.286 0 0 0 .278-.28v-.672c0-.162-.123-.298-.272-.298h-.831c-.08 0-.147-.06-.147-.137v-1.59a.145.145 0 0 1 .142-.15h.83c.147 0 .274-.132.278-.285v-.67c0-.162-.123-.293-.272-.293h-1.941a.29.29 0 0 0-.287.293m3.125 0v.67a.303.303 0 0 0 .283.286h.838c.08 0 .14.071.137.15v7.059c0 .155.132.292.282.292h.683c.15 0 .277-.137.277-.293V9.023a.145.145 0 0 1 .142-.15h.828a.294.294 0 0 0 .28-.285v-.67a.29.29 0 0 0-.28-.293h-3.187a.29.29 0 0 0-.283.293" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-bft {
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%3Cpath%20fill%3D%22%232E3488%22%20d%3D%22M12%2021.536A9.535%209.535%200%200%200%2021.536%2012A9.535%209.535%200%200%200%2012%202.464a9.536%209.536%200%201%200%200%2019.072%22%2F%3E%3Cpath%20fill%3D%22%236D2B7F%22%20d%3D%22M12%202.928a9.072%209.072%200%201%200%200%2018.145a9.072%209.072%200%200%200%200-18.145M2%2012C2%206.477%206.477%202%2012%202s10%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.378%207.918v8.165c0%20.155.135.292.287.292H8.52c.55%200%20.994-.454.994-1.014v-3.049c0-.376-.23-.609-.503-.823a.145.145%200%200%201%200-.227c.268-.225.503-.456.503-.836V8.64c0-.556-.444-1.015-.994-1.015H6.665a.29.29%200%200%200-.287.293m1.248.763a.14.14%200%200%201%20.085-.137c.223-.097.54.107.54.352v1.498c0%20.167-.167.358-.338.358h-.147a.14.14%200%200%201-.1-.042a.14.14%200%200%201-.04-.102zm.002%206.53a.144.144%200%200%200%20.14.15l.147-.007c.194%200%20.336-.166.336-.358v-2.63c0-.197-.143-.364-.336-.364H7.77c-.082%200-.14.066-.14.15zm3.123-7.293v8.165h.006c0%20.153.127.289.275.292h.697c.147-.003.272-.14.272-.293v-3.926c-.003-.08.063-.156.142-.156h.83a.286.286%200%200%200%20.278-.28v-.672c0-.162-.123-.298-.272-.298h-.831c-.08%200-.147-.06-.147-.137v-1.59a.145.145%200%200%201%20.142-.15h.83c.147%200%20.274-.132.278-.285v-.67c0-.162-.123-.293-.272-.293h-1.941a.29.29%200%200%200-.287.293m3.125%200v.67a.303.303%200%200%200%20.283.286h.838c.08%200%20.14.071.137.15v7.059c0%20.155.132.292.282.292h.683c.15%200%20.277-.137.277-.293V9.023a.145.145%200%200%201%20.142-.15h.828a.294.294%200%200%200%20.28-.285v-.67a.29.29%200%200%200-.28-.293h-3.187a.29.29%200%200%200-.283.293%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22%232E3488%22%20d%3D%22M12%2021.536A9.535%209.535%200%200%200%2021.536%2012A9.535%209.535%200%200%200%2012%202.464a9.536%209.536%200%201%200%200%2019.072%22%2F%3E%3Cpath%20fill%3D%22%236D2B7F%22%20d%3D%22M12%202.928a9.072%209.072%200%201%200%200%2018.145a9.072%209.072%200%200%200%200-18.145M2%2012C2%206.477%206.477%202%2012%202s10%204.477%2010%2010s-4.477%2010-10%2010S2%2017.523%202%2012%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.378%207.918v8.165c0%20.155.135.292.287.292H8.52c.55%200%20.994-.454.994-1.014v-3.049c0-.376-.23-.609-.503-.823a.145.145%200%200%201%200-.227c.268-.225.503-.456.503-.836V8.64c0-.556-.444-1.015-.994-1.015H6.665a.29.29%200%200%200-.287.293m1.248.763a.14.14%200%200%201%20.085-.137c.223-.097.54.107.54.352v1.498c0%20.167-.167.358-.338.358h-.147a.14.14%200%200%201-.1-.042a.14.14%200%200%201-.04-.102zm.002%206.53a.144.144%200%200%200%20.14.15l.147-.007c.194%200%20.336-.166.336-.358v-2.63c0-.197-.143-.364-.336-.364H7.77c-.082%200-.14.066-.14.15zm3.123-7.293v8.165h.006c0%20.153.127.289.275.292h.697c.147-.003.272-.14.272-.293v-3.926c-.003-.08.063-.156.142-.156h.83a.286.286%200%200%200%20.278-.28v-.672c0-.162-.123-.298-.272-.298h-.831c-.08%200-.147-.06-.147-.137v-1.59a.145.145%200%200%201%20.142-.15h.83c.147%200%20.274-.132.278-.285v-.67c0-.162-.123-.293-.272-.293h-1.941a.29.29%200%200%200-.287.293m3.125%200v.67a.303.303%200%200%200%20.283.286h.838c.08%200%20.14.071.137.15v7.059c0%20.155.132.292.282.292h.683c.15%200%20.277-.137.277-.293V9.023a.145.145%200%200%201%20.142-.15h.828a.294.294%200%200%200%20.28-.285v-.67a.29.29%200%200%200-.28-.293h-3.187a.29.29%200%200%200-.283.293%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/bft.svg?color=%231a73e8&size=48
