Bootstrap Icons

Overview

Bootstrap Icons is the official open-source icon library from the creators of Bootstrap. With over 2,000 icons in a clean, consistent style, it covers a broad range of UI needs from basic interface controls to specialized domain icons. While originally designed for Bootstrap-based projects, Bootstrap Icons work equally well in any React application.

Key Features

• Official Bootstrap project — trusted and well-maintained
• Consistent, clean design language
• MIT license for commercial use
• React component wrapper available
• Works without Bootstrap CSS
• Wide coverage of UI patterns

Installation

npm install react-bootstrap-icons

Usage Example

Basic React usage with Bootstrap Icons

import { HouseFill, Search, GearFill } from 'react-bootstrap-icons';

export default function App() {
  return (
    <div>
      <HouseFill size={24} color="#6f42c1" />
      <Search size={24} />
      <GearFill size={32} />
    </div>
  );
}

Best For