IconSearch logoIconsearch
Home/Libraries/Web3 Icons (Iconify)/bft
← Back to Search
Web3 Icons (Iconify)

Bft

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M7.647 8.6a.14.14 0 0 0-.022.081v1.927a.14.14 0 0 0 .14.144h.147c.171 0 .338-.191.338-.358V8.896c0-.245-.317-.449-.54-.352a.14.14 0 0 0-.063.056m-.011 6.667a.14.14 0 0 1-.009-.056v-3.06c0-.083.059-.149.14-.149h.147c.192 0 .336.167.336.364v2.63c0 .192-.142.358-.336.358l-.146.007a.14.14 0 0 1-.132-.094"/><path fill="#818cf8" fill-rule="evenodd" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10s10-4.477 10-10S17.523 2 12 2M6.377 16.083V7.918a.29.29 0 0 1 .287-.293h1.854c.55 0 .994.46.994 1.015v1.786c0 .38-.235.61-.503.836a.145.145 0 0 0 0 .227c.274.214.503.447.503.823v3.049c0 .56-.444 1.014-.994 1.014H6.664a.3.3 0 0 1-.287-.293m4.373 0V7.918c0-.162.126-.293.286-.293h1.942c.149 0 .272.131.272.293v.67c-.004.153-.131.286-.278.286h-.83a.145.145 0 0 0-.142.15v1.589c0 .076.066.137.146.137h.832c.149 0 .272.136.272.298v.672a.286.286 0 0 1-.278.28h-.83c-.08 0-.146.077-.142.156v3.926c0 .154-.125.29-.272.293h-.697c-.148-.003-.275-.14-.275-.293zm3.125-7.495v-.67a.29.29 0 0 1 .283-.293h3.187a.29.29 0 0 1 .28.293v.67a.294.294 0 0 1-.28.286h-.828a.146.146 0 0 0-.142.15v7.059c0 .155-.128.292-.277.292h-.683c-.15 0-.282-.137-.282-.293V9.023c.004-.078-.058-.15-.137-.15h-.838a.303.303 0 0 1-.283-.285" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BftIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Web3 Icons (Iconify)

Browse all Web3 Icons (Iconify) icons →
0x0
0x0
10set
10set
1art
1art
1inch
1inch
2dai
2dai
3ull
3ull
a
a
aa
aa
aag
aag
aart
aart
aave
aave
abl
abl