Bootstrap Icons Icons
The official icon library for Bootstrap, designed to work seamlessly with Bootstrap components but usable in any project.
About Bootstrap Icons
The official icon library for Bootstrap, designed to work seamlessly with Bootstrap components but usable in any project.
Available Styles
What You Get
| Feature | Details |
|---|---|
| Icon count | 2,078 icons in this library |
| License | MIT |
| Creator | Bootstrap team |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use Bootstrap Icons Icons
1. Search the library
Head to Browse Icons and filter by “Bootstrap Icons” to browse all 2,078 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between Outline and Filled styles, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use Bootstrap Icons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Bootstrap Icons icon
<Icon icon="bi:home" className="h-6 w-6" />Browse Bootstrap Icons Icons Free
2,078 icons. No watermarks, no account, no attribution required.