- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3c5
Font Icon Library
Bootstrap Icons Search
930 icons
Matching "t"
Filter Circle Fill
bi bi-filter-circle-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3c4
Filter Left
bi bi-filter-left
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3c6
Filter Right
bi bi-filter-right
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3c7
Filter Square
bi bi-filter-square
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3c9
Filter Square Fill
bi bi-filter-square-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3c8
Fingerprint
bi bi-fingerprint
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f671
Fonts
bi bi-fonts
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3da
Front
bi bi-front
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3dd
Fullscreen Exit
bi bi-fullscreen-exit
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3de
Gear Wide Connected
bi bi-gear-wide-connected
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3e3
Gender Neuter
bi bi-gender-neuter
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8ed
Gender Trans
bi bi-gender-trans
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f644
Geo Alt
bi bi-geo-alt
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3e8
Geo Alt Fill
bi bi-geo-alt-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3e7
Gift
bi bi-gift
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3ec
Gift Fill
bi bi-gift-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3eb
Git
bi bi-git
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f69d
Github
bi bi-github
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3ed
Gitlab
bi bi-gitlab
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7e5
Globe Asia Australia
bi bi-globe-asia-australia
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f883
Globe Asia Australia Fill
bi bi-globe-asia-australia-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f91c
Globe Central South Asia
bi bi-globe-central-south-asia
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f884
Globe Central South Asia Fill
bi bi-globe-central-south-asia-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f91d
Grip Horizontal
bi bi-grip-horizontal
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3fd
Grip Vertical
bi bi-grip-vertical
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3fe
Hand Index Thumb
bi bi-hand-index-thumb
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f402
Hand Index Thumb Fill
bi bi-hand-index-thumb-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f401
Hand Thumbs Down
bi bi-hand-thumbs-down
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f405
Hand Thumbs Down Fill
bi bi-hand-thumbs-down-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f404
Hand Thumbs Up
bi bi-hand-thumbs-up
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f407
Hand Thumbs Up Fill
bi bi-hand-thumbs-up-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f406
Hdd Network
bi bi-hdd-network
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f40d
Hdd Network Fill
bi bi-hdd-network-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f40c
Hdd Stack
bi bi-hdd-stack
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f411
Hdd Stack Fill
bi bi-hdd-stack-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f410
Headset
bi bi-headset
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f414
Headset Vr
bi bi-headset-vr
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f645
Heart
bi bi-heart
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f417
Heart Arrow
bi bi-heart-arrow
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f76d
Heart Fill
bi bi-heart-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f415
Heart Half
bi bi-heart-half
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f416
Heart Pulse
bi bi-heart-pulse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f76f
Heart Pulse Fill
bi bi-heart-pulse-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f76e
Heartbreak
bi bi-heartbreak
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f771
Heartbreak Fill
bi bi-heartbreak-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f770
Hearts
bi bi-hearts
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f772
Heptagon
bi bi-heptagon
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f41a
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.