- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f553
Font Icon Library
Bootstrap Icons Search
705 icons
Matching "fill"
Skip End Circle Fill
bi bi-skip-end-circle-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f555
Skip End Fill
bi bi-skip-end-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f557
Skip Forward Btn Fill
bi bi-skip-forward-btn-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f559
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 Btn Fill
bi bi-skip-start-btn-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f55f
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 Circle Fill
bi bi-slash-circle-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f566
Slash Square Fill
bi bi-slash-square-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f568
Speaker Fill
bi bi-speaker-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f57d
Square Fill
bi bi-square-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f582
Star Fill
bi bi-star-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f586
Stickies Fill
bi bi-stickies-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f58a
Sticky Fill
bi bi-sticky-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f58c
Stop Btn Fill
bi bi-stop-btn-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f58e
Stop Circle Fill
bi bi-stop-circle-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f590
Stop Fill
bi bi-stop-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f592
Stoplights Fill
bi bi-stoplights-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f594
Stopwatch Fill
bi bi-stopwatch-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f596
Suit Club Fill
bi bi-suit-club-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f599
Suit Diamond Fill
bi bi-suit-diamond-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f59b
Suit Heart Fill
bi bi-suit-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f59d
Suit Spade Fill
bi bi-suit-spade-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f59f
Suitcase Fill
bi bi-suitcase-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8fd
Suitcase Lg Fill
bi bi-suitcase-lg-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8fe
Suitcase2 Fill
bi bi-suitcase2-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f901
Sun Fill
bi bi-sun-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5a1
Sunrise Fill
bi bi-sunrise-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5a4
Sunset Fill
bi bi-sunset-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5a6
Tablet Fill
bi bi-tablet-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5ab
Tablet Landscape Fill
bi bi-tablet-landscape-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5ac
Tag Fill
bi bi-tag-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5af
Tags Fill
bi bi-tags-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5b1
Taxi Front Fill
bi bi-taxi-front-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8ac
Telephone Fill
bi bi-telephone-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5b4
Telephone Forward Fill
bi bi-telephone-forward-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5b5
Telephone Inbound Fill
bi bi-telephone-inbound-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5b7
Telephone Minus Fill
bi bi-telephone-minus-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5b9
Telephone Outbound Fill
bi bi-telephone-outbound-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5bb
Telephone Plus Fill
bi bi-telephone-plus-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5bd
Telephone X Fill
bi bi-telephone-x-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5bf
Terminal Fill
bi bi-terminal-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f5c2
Threads Fill
bi bi-threads-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8d8
Thunderbolt Fill
bi bi-thunderbolt-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6ef
Ticket Detailed Fill
bi bi-ticket-detailed-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6c6
Ticket Fill
bi bi-ticket-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6c8
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.