- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f435
Font Icon Library
Bootstrap Icons Search
204 icons
Matching "x"
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
Journal X
bi bi-journal-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f445
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
Mailbox
bi bi-mailbox
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f47c
Mailbox Flag
bi bi-mailbox-flag
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8f1
Mailbox2
bi bi-mailbox2
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f47d
Mailbox2 Flag
bi bi-mailbox2-flag
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8f2
Patch Exclamation
bi bi-patch-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f4b8
Patch Exclamation Fill
bi bi-patch-exclamation-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f4b7
Perplexity
bi bi-perplexity
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f916
Person Bounding Box
bi bi-person-bounding-box
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f4d4
Person Exclamation
bi bi-person-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f89c
Person Fill Exclamation
bi bi-person-fill-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8a1
Person Fill X
bi bi-person-fill-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8a6
Person Rolodex
bi bi-person-rolodex
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f676
Person X
bi bi-person-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f4e0
Person X Fill
bi bi-person-x-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f4df
Regex
bi bi-regex
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f84d
Send Exclamation
bi bi-send-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6b8
Send Exclamation Fill
bi bi-send-exclamation-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6b7
Send X
bi bi-send-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6bf
Send X Fill
bi bi-send-x-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6be
Shield Exclamation
bi bi-shield-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f530
Shield Fill Exclamation
bi bi-shield-fill-exclamation
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f532
Shield Fill X
bi bi-shield-fill-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f535
Shield X
bi bi-shield-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f53e
Taxi Front
bi bi-taxi-front
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8ad
Taxi Front Fill
bi bi-taxi-front-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8ac
Telephone X
bi bi-telephone-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c0
Telephone X Fill
bi bi-telephone-x-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5bf
Terminal X
bi bi-terminal-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6ff
Text Center
bi bi-text-center
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c4
Text Indent Left
bi bi-text-indent-left
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c5
Text Indent Right
bi bi-text-indent-right
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c6
Text Left
bi bi-text-left
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c7
Text Paragraph
bi bi-text-paragraph
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c8
Text Right
bi bi-text-right
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c9
Text Wrap
bi bi-text-wrap
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f84e
Textarea
bi bi-textarea
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5cc
Textarea Resize
bi bi-textarea-resize
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5ca
Textarea T
bi bi-textarea-t
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5cb
Tux
bi bi-tux
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f904
Twitter X
bi bi-twitter-x
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8db
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.