Bootstrap Icons Icons

Browse every Bootstrap icon in a searchable grid. Copy SVG or JSX, download PNG: 16px-optimised, MIT licensed, no Bootstrap dependency.

2,078 icons MIT UI 16px / 32px 16px grid by The Bootstrap Authors

Search icons...

More SVG Icons

0-circle

0-circle-fill

0-square

0-square-fill

1-circle

1-circle-fill

1-square

1-square-fill

123

2-circle

2-circle-fill

2-square

2-square-fill

3-circle

3-circle-fill

3-square

3-square-fill

4-circle

4-circle-fill

4-square

4-square-fill

5-circle

5-circle-fill

5-square

5-square-fill

6-circle

6-circle-fill

6-square

6-square-fill

7-circle

7-circle-fill

7-square

7-square-fill

8-circle

8-circle-fill

8-square

8-square-fill

9-circle

9-circle-fill

9-square

9-square-fill

activity

airplane

airplane-engines

airplane-engines-fill

airplane-fill

alarm

alarm-fill

alexa

align-bottom

align-center

align-end

align-middle

align-start

align-top

alipay

alphabet

alphabet-uppercase

alt

amazon

amd

android

android2

anthropic

app

app-indicator

apple

apple-music

Copy & download Bootstrap Icons icons

Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.

SVG

Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.

JSX / TSX

React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.

PNG

Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.

Base64

Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.

Works with shadcn/ui

Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install react-bootstrap-icons and use via @iconify/react, fully tree-shakeable, no icon font loading required.

About Bootstrap Icons

Bootstrap Icons is the official SVG icon library from the Bootstrap team, shipping 2,000+ icons optimised for a 16px grid, notably smaller than the 24px baseline used by Lucide, Heroicons, and Tabler. This makes Bootstrap Icons exceptionally crisp for compact UI elements: table badges, form input labels, navigation links, and data-dense list rows where 24px icons appear oversized. MIT licensed, no attribution required for personal or commercial use. Bootstrap Icons are completely standalone: no Bootstrap CSS dependency. The React package (react-bootstrap-icons) and an official SVG sprite are both available. Search Bootstrap Icons, copy SVG code, export as JSX, and download PNG here. Compared with Font Awesome: Bootstrap Icons is lighter, MIT licensed (vs CC BY 4.0), and requires no JavaScript runtime. Compared with Lucide: Bootstrap Icons is built for 16px visual density first. Ideal for Bootstrap-based projects, Django/Flask web apps, and any interface where compact 16px-optimised icons are the design requirement.

Created By

The Bootstrap Authors Visit Website

License

MIT View License

Features & Tags

Precise Shapes

Pack Details

Version

1.13.1

v1.13.1

Color Support

Monochrome

How to use Bootstrap Icons icons

Icon Set Version

v1.13.1

Package

react-bootstrap-icons

License SPDX

MIT

Grid Size

16px

Sample Icons

graph-up, card-image, code-slash

Install

bash

npm install react-bootstrap-icons

React

tsx

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

export default function App() {
  // Bootstrap Icons default to 16px, resize via width/height props
  return <Search width={20} height={20} />;
}

HTML / CDN

html

<!-- CDN (SVG sprite or icon font) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" />
<i class="bi bi-search"></i>

Via Iconify · any framework

tsx

import { Icon } from '@iconify/react';

export default function App() {
  return <Icon icon="bi:icon-name" width={24} />;
}

Package stats

Build-time npm metadata cached weekly • Last refresh Aug 13, 2026

react-bootstrap-icons

React component for Bootstrap Icons

v1.11.6

Score 57%

Popularity 20%

Quality 54%

Maintenance 97%

License

MIT

Weekly downloads

102.4K

Monthly downloads

443K

Total downloads

6.8M

Unpacked size

8.5 MB

Last published

May 12, 2025

Registry updated

May 12, 2025

npm Repository Homepage

Bootstrap Icons version history

Bootstrap Icons has not published a new npm release in over a year. The latest version, v1.11.6, was released on May 12, 2025.

Version	Released
v1.11.6	May 12, 2025
v1.11.5	Dec 5, 2024
v1.11.4	Apr 11, 2024
v1.11.3	Feb 16, 2024
v1.10.3	Apr 3, 2023
v1.10.2	Nov 21, 2022
v1.9.1	Sep 27, 2022
v1.8.4	Jun 15, 2022
v1.8.3	Jun 15, 2022
v1.8.2	Apr 26, 2022
v1.8.1	Mar 24, 2022
v1.7.2	Dec 18, 2021
v1.6.1	Oct 24, 2021
v1.5.0	May 13, 2021
v1.4.1	May 10, 2021
v1.4.0	Mar 2, 2021
v1.3.0	Jan 25, 2021
v1.2.3	Jan 3, 2021
v1.2.2	Dec 23, 2020
v1.2.1	Dec 23, 2020

Source: npm registry data for react-bootstrap-icons, refreshed weekly.

Compare Bootstrap Icons with similar icon packs

Font Awesome Lucide Heroicons

Frequently Asked Questions

Do I need Bootstrap CSS to use Bootstrap Icons?

No. Bootstrap Icons are standalone SVGs that work independently without Bootstrap CSS, usable in any framework or plain HTML project.

How do I use Bootstrap Icons in React?

Install npm install react-bootstrap-icons, then: import { Search } from "react-bootstrap-icons";. Or copy the SVG from AllSVGIcons.

What grid size are Bootstrap Icons designed on?

Bootstrap Icons are designed on a 16px grid (unlike most icon sets which use 24px), making them crisp at small UI sizes like labels, badges, and inline text.

How many icons are in Bootstrap Icons?

Bootstrap Icons contains 2,078 SVG icons in the UI 16px / 32px category, designed on a 16px grid.

How often is Bootstrap Icons updated?

Bootstrap Icons has not published a new npm release in over a year. The latest version, v1.11.6, was released on May 12, 2025. See the full version history below.