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

Bbl

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" fill-rule="evenodd" d="M12.967 3.265a1.9 1.9 0 0 0-1.934 0l-5.94 3.51a1.99 1.99 0 0 0-.967 1.715v7.02c0 .708.371 1.36.967 1.715l5.94 3.51a1.9 1.9 0 0 0 1.934 0l5.94-3.51a1.99 1.99 0 0 0 .967-1.716V8.49c0-.708-.371-1.36-.967-1.715zm-.73.912a.36.36 0 0 0-.36 0l-6.39 3.75a.37.37 0 0 0-.18.316v7.514c0 .13.068.247.18.315l6.39 3.751a.35.35 0 0 0 .36 0l6.388-3.751a.37.37 0 0 0 .18-.315V8.243a.37.37 0 0 0-.18-.315l-6.389-3.746zm.522.73a1.45 1.45 0 0 0-1.518 0L6.573 7.755c-.473.286-.76.669-.76 1.243v6.434c0 .433.17.512.45.646c.09.045.192.096.31.17l4.668 2.85a1.47 1.47 0 0 0 1.518 0l4.668-2.85c.113-.074.226-.125.315-.17c.281-.135.445-.213.445-.646V8.997c0-.574-.287-.957-.76-1.238L12.76 4.902zm-.607.366a.29.29 0 0 0-.304 0l-5.32 3.229a.32.32 0 0 0-.152.27v6.456a.31.31 0 0 0 .152.27l5.32 3.228a.3.3 0 0 0 .304 0l5.32-3.228a.31.31 0 0 0 .152-.27V8.772a.31.31 0 0 0-.152-.27zm3.628 5.062l-3.5 2.025v4.077c0 .17-.14.315-.315.315c-.168 0-.247-.14-.247-.315V12.36l-3.504-2.025a.315.315 0 0 1 .075-.573a.3.3 0 0 1 .234.033l3.448 2.025l3.504-2.025a.3.3 0 0 1 .422.113a.32.32 0 0 1-.113.427z" 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. BblIcon.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