- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f559
Font Icon Library
Bootstrap Icons Search
560 icons
Matching "ar"
Skip Forward Circle
bi bi-skip-forward-circle
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f55c
Skip Forward Circle Fill
bi bi-skip-forward-circle-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f55b
Skip Forward Fill
bi bi-skip-forward-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f55d
Skip Start
bi bi-skip-start
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f564
Skip Start Btn
bi bi-skip-start-btn
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f560
Skip Start Btn Fill
bi bi-skip-start-btn-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f55f
Skip Start Circle
bi bi-skip-start-circle
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f562
Skip Start Circle Fill
bi bi-skip-start-circle-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f561
Skip Start Fill
bi bi-skip-start-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f563
Slash Square
bi bi-slash-square
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f569
Slash Square Fill
bi bi-slash-square-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f568
Smartwatch
bi bi-smartwatch
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f56c
Square
bi bi-square
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f584
Square Fill
bi bi-square-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f582
Square Half
bi bi-square-half
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f583
Star
bi bi-star
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f588
Star Fill
bi bi-star-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f586
Star Half
bi bi-star-half
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f587
Stars
bi bi-stars
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f589
Suit Heart
bi bi-suit-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f59e
Suit Heart Fill
bi bi-suit-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f59d
Telephone Forward
bi bi-telephone-forward
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5b6
Telephone Forward Fill
bi bi-telephone-forward-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5b5
Text Paragraph
bi bi-text-paragraph
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c8
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
Transparency
bi bi-transparency
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8da
Window Sidebar
bi bi-window-sidebar
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f61f
X Square
bi bi-x-square
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f629
X Square Fill
bi bi-x-square-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f628
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.