- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f10a
Font Icon Library
Bootstrap Icons Search
139 icons
Matching "at"
Arrow Repeat
bi bi-arrow-repeat
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f130
Aspect Ratio
bi bi-aspect-ratio
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f150
Aspect Ratio Fill
bi bi-aspect-ratio-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f14f
At
bi bi-at
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f152
Battery
bi bi-battery
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f188
Battery Charging
bi bi-battery-charging
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f185
Battery Full
bi bi-battery-full
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f186
Battery Half
bi bi-battery-half
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f187
Battery Low
bi bi-battery-low
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f911
Building Exclamation
bi bi-building-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f86b
Building Fill Exclamation
bi bi-building-fill-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f870
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 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
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
Chat
bi bi-chat
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f268
Chat Dots
bi bi-chat-dots
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f24a
Chat Dots Fill
bi bi-chat-dots-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f249
Chat Fill
bi bi-chat-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f24b
Chat Heart
bi bi-chat-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f714
Chat Heart Fill
bi bi-chat-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f713
Chat Left
bi bi-chat-left
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f253
Chat Left Dots
bi bi-chat-left-dots
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f24d
Chat Left Dots Fill
bi bi-chat-left-dots-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f24c
Chat Left Fill
bi bi-chat-left-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f24e
Chat Left Heart
bi bi-chat-left-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f716
Chat Left Heart Fill
bi bi-chat-left-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f715
Chat Left Quote
bi bi-chat-left-quote
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f250
Chat Left Quote Fill
bi bi-chat-left-quote-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f24f
Chat Left Text
bi bi-chat-left-text
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f252
Chat Left Text Fill
bi bi-chat-left-text-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f251
Chat Quote
bi bi-chat-quote
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f255
Chat Quote Fill
bi bi-chat-quote-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f254
Chat Right
bi bi-chat-right
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f25d
Chat Right Dots
bi bi-chat-right-dots
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f257
Chat Right Dots Fill
bi bi-chat-right-dots-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f256
Chat Right Fill
bi bi-chat-right-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f258
Chat Right Heart
bi bi-chat-right-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f718
Chat Right Heart Fill
bi bi-chat-right-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f717
Chat Right Quote
bi bi-chat-right-quote
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f25a
Chat Right Quote Fill
bi bi-chat-right-quote-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f259
Chat Right Text
bi bi-chat-right-text
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f25c
Chat Right Text Fill
bi bi-chat-right-text-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f25b
Chat Square
bi bi-chat-square
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f265
Chat Square Dots
bi bi-chat-square-dots
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f25f
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.