- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f18c
Font Icon Library
Bootstrap Icons Search
481 icons
Matching "8"
Bicycle
bi bi-bicycle
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f18d
Binoculars
bi bi-binoculars
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f18f
Binoculars Fill
bi bi-binoculars-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f18e
Bluetooth
bi bi-bluetooth
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f682
Body Text
bi bi-body-text
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f683
Bookmark Dash
bi bi-bookmark-dash
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f198
Boombox
bi bi-boombox
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f684
Bootstrap
bi bi-bootstrap
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1a8
Box
bi bi-box
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1c8
Box Arrow Down Right
bi bi-box-arrow-down-right
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1b8
Boxes
bi bi-boxes
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f685
Brilliance
bi bi-brilliance
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8e7
Brush
bi bi-brush
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1d8
Building Add
bi bi-building-add
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f867
Building Check
bi bi-building-check
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f868
Building Dash
bi bi-building-dash
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f869
Building Down
bi bi-building-down
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f86a
Building Exclamation
bi bi-building-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f86b
Building Fill
bi bi-building-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f876
Building Fill Add
bi bi-building-fill-add
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f86c
Building Fill Check
bi bi-building-fill-check
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f86d
Building Fill Dash
bi bi-building-fill-dash
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f86e
Building Fill Down
bi bi-building-fill-down
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f86f
Building Fill Exclamation
bi bi-building-fill-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f870
Building Fill Gear
bi bi-building-fill-gear
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f871
Building Fill Lock
bi bi-building-fill-lock
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f872
Building Fill Slash
bi bi-building-fill-slash
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f873
Building Fill Up
bi bi-building-fill-up
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f874
Building Fill X
bi bi-building-fill-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f875
Building Gear
bi bi-building-gear
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f877
Building Lock
bi bi-building-lock
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f878
Building Slash
bi bi-building-slash
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f879
Building Up
bi bi-building-up
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f87a
Building X
bi bi-building-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f87b
Buildings
bi bi-buildings
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f87d
Buildings Fill
bi bi-buildings-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f87c
Bus Front
bi bi-bus-front
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f87f
Bus Front Fill
bi bi-bus-front-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f87e
Cake Fill
bi bi-cake-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8e8
Cake2 Fill
bi bi-cake2-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8e9
Calendar Event
bi bi-calendar-event
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e8
Calendar2 Check
bi bi-calendar2-check
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1f8
Calendar2 Week Fill
bi bi-calendar2-week-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f208
Calendar4
bi bi-calendar4
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f218
Card Text
bi bi-card-text
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f228
Caret Up
bi bi-caret-up
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f238
Cast
bi bi-cast
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f248
Add Bootstrap Icons to your website or app
Add the library once, copy an icon from the results above, and include an accessible label when the icon communicates meaning.1. Load the icon library
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
Reference version: 1.13.1
2. Copy an icon
Use Copy class when you already have markup, or Copy HTML for a ready-to-paste element.
Code points are useful for CSS generated content and tools that work directly with icon fonts.
3. Keep icons accessible
Hide decorative icons from assistive technology. When an icon communicates meaning, pair it with visible text or an accessible label.
Confirm licensing and usage requirements with the library publisher before distributing a finished product.
Practical Notes
Icon Implementation Checklist
Icons work best when they support quick recognition without becoming the only way a user understands an action.Label important controls
Use visible text or accessible labels for buttons where the icon meaning may be ambiguous.
Keep style consistent
Mixing filled, outlined, sharp, and rounded icon families can make an interface feel uneven.
Load only what you need
Large icon fonts can cost performance. SVG sprites or subset fonts are better for focused interfaces.
Related References
Continue with nearby symbol, code, and web design resources.