- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1c2
Font Icon Library
Bootstrap Icons Search
548 icons
Matching "2"
Box Fill
bi bi-box-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7d2
Box2
bi bi-box2
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f70d
Box2 Fill
bi bi-box2-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f70a
Box2 Heart
bi bi-box2-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f70c
Box2 Heart Fill
bi bi-box2-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f70b
Brightness High
bi bi-brightness-high
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1d2
Building Fill Lock
bi bi-building-fill-lock
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f872
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
Calendar Check
bi bi-calendar-check
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1e2
Calendar Week Fill
bi bi-calendar-week-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1f2
Calendar2
bi bi-calendar2
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f20c
Calendar2 Check
bi bi-calendar2-check
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1f8
Calendar2 Check Fill
bi bi-calendar2-check-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1f7
Calendar2 Date
bi bi-calendar2-date
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1fa
Calendar2 Date Fill
bi bi-calendar2-date-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1f9
Calendar2 Day
bi bi-calendar2-day
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1fc
Calendar2 Day Fill
bi bi-calendar2-day-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1fb
Calendar2 Event
bi bi-calendar2-event
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1fe
Calendar2 Event Fill
bi bi-calendar2-event-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1fd
Calendar2 Fill
bi bi-calendar2-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1ff
Calendar2 Heart
bi bi-calendar2-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f712
Calendar2 Heart Fill
bi bi-calendar2-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f711
Calendar2 Minus
bi bi-calendar2-minus
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f201
Calendar2 Minus Fill
bi bi-calendar2-minus-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f200
Calendar2 Month
bi bi-calendar2-month
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f203
Calendar2 Month Fill
bi bi-calendar2-month-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f202
Calendar2 Plus
bi bi-calendar2-plus
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f205
Calendar2 Plus Fill
bi bi-calendar2-plus-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f204
Calendar2 Range
bi bi-calendar2-range
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f207
Calendar2 Range Fill
bi bi-calendar2-range-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f206
Calendar2 Week
bi bi-calendar2-week
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f209
Calendar2 Week Fill
bi bi-calendar2-week-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f208
Calendar2 X
bi bi-calendar2-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f20b
Calendar2 X Fill
bi bi-calendar2-x-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f20a
Calendar3
bi bi-calendar3
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f214
Calendar3 Event
bi bi-calendar3-event
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f20e
Calendar3 Event Fill
bi bi-calendar3-event-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f20d
Calendar3 Fill
bi bi-calendar3-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f20f
Calendar3 Range
bi bi-calendar3-range
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f211
Calendar3 Range Fill
bi bi-calendar3-range-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f210
Calendar3 Week
bi bi-calendar3-week
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f213
Calendar3 Week Fill
bi bi-calendar3-week-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f212
Calendar4
bi bi-calendar4
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f218
Calendar4 Event
bi bi-calendar4-event
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f215
Calendar4 Range
bi bi-calendar4-range
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f216
Calendar4 Week
bi bi-calendar4-week
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f217
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.