- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f876
Font Icon Library
Bootstrap Icons Search
2,078 icons
Browse by package, name, tag, class, or code point.
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
Bullseye
bi bi-bullseye
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1de
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
C Circle
bi bi-c-circle
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7db
C Circle Fill
bi bi-c-circle-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7da
C Square
bi bi-c-square
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7dd
C Square Fill
bi bi-c-square-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7dc
Cake
bi bi-cake
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6e0
Cake Fill
bi bi-cake-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8e8
Cake2
bi bi-cake2
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6ed
Cake2 Fill
bi bi-cake2-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8e9
Calculator
bi bi-calculator
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e0
Calculator Fill
bi bi-calculator-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1df
Calendar
bi bi-calendar
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1f6
Calendar Check
bi bi-calendar-check
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e2
Calendar Check Fill
bi bi-calendar-check-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e1
Calendar Date
bi bi-calendar-date
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e4
Calendar Date Fill
bi bi-calendar-date-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e3
Calendar Day
bi bi-calendar-day
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e6
Calendar Day Fill
bi bi-calendar-day-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e5
Calendar Event
bi bi-calendar-event
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e8
Calendar Event Fill
bi bi-calendar-event-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e7
Calendar Fill
bi bi-calendar-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e9
Calendar Heart
bi bi-calendar-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f710
Calendar Heart Fill
bi bi-calendar-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f70f
Calendar Minus
bi bi-calendar-minus
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1eb
Calendar Minus Fill
bi bi-calendar-minus-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1ea
Calendar Month
bi bi-calendar-month
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1ed
Calendar Month Fill
bi bi-calendar-month-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1ec
Calendar Plus
bi bi-calendar-plus
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1ef
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.