- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f418
Font Icon Library
Bootstrap Icons Search
930 icons
Matching "t"
Heptagon Half
bi bi-heptagon-half
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f419
Highlighter
bi bi-highlighter
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7f8
Highlights
bi bi-highlights
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8ee
Hospital
bi bi-hospital
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f774
Hospital Fill
bi bi-hospital-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f773
Hourglass Bottom
bi bi-hourglass-bottom
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f41e
Hourglass Split
bi bi-hourglass-split
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f41f
Hourglass Top
bi bi-hourglass-top
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f420
House Exclamation
bi bi-house-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f88f
House Exclamation Fill
bi bi-house-exclamation-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f88e
House Heart
bi bi-house-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f776
House Heart Fill
bi bi-house-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f775
Hypnotize
bi bi-hypnotize
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f674
Image Alt
bi bi-image-alt
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f428
Incognito
bi bi-incognito
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f777
Indent
bi bi-indent
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7fe
Infinity
bi bi-infinity
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f69e
Input Cursor
bi bi-input-cursor
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f436
Input Cursor Text
bi bi-input-cursor-text
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f435
bi bi-instagram
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f437
Intersect
bi bi-intersect
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f438
Javascript
bi bi-javascript
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f918
Journal Richtext
bi bi-journal-richtext
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f443
Journal Text
bi bi-journal-text
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f444
Joystick
bi bi-joystick
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f448
Justify
bi bi-justify
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f44b
Justify Left
bi bi-justify-left
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f449
Justify Right
bi bi-justify-right
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f44a
Laptop
bi bi-laptop
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f456
Laptop Fill
bi bi-laptop-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f455
Layout Sidebar
bi bi-layout-sidebar
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45f
Layout Sidebar Inset
bi bi-layout-sidebar-inset
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45d
Layout Sidebar Inset Reverse
bi bi-layout-sidebar-inset-reverse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45c
Layout Sidebar Reverse
bi bi-layout-sidebar-reverse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45e
Layout Split
bi bi-layout-split
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f460
Layout Text Sidebar
bi bi-layout-text-sidebar
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f462
Layout Text Sidebar Reverse
bi bi-layout-text-sidebar-reverse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f461
Layout Text Window
bi bi-layout-text-window
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f464
Layout Text Window Reverse
bi bi-layout-text-window-reverse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f463
Layout Three Columns
bi bi-layout-three-columns
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f465
Layout Wtf
bi bi-layout-wtf
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f466
Lightbulb
bi bi-lightbulb
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f46b
Lightbulb Fill
bi bi-lightbulb-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f468
Lightbulb Off
bi bi-lightbulb-off
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f46a
Lightbulb Off Fill
bi bi-lightbulb-off-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f469
Lightning
bi bi-lightning
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f46f
Lightning Charge
bi bi-lightning-charge
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f46d
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.