IP Location.net

Font Icon Library

Bootstrap Icons Search

Font Icons
Search and preview Bootstrap Icons icons, then copy the CSS class, HTML markup, or code point for your project. Bootstrap Icons is an open-source icon library designed for Bootstrap projects but usable in any web interface. Font icons behave like text: CSS can control their size, color, alignment, and interaction states without editing an image file. A consistent icon family also helps users recognize repeated actions more quickly across navigation, forms, and controls. Use visible text or an accessible label whenever an icon communicates an action. For performance, load only the library and styles your interface needs. Confirm licensing and usage requirements with the library publisher before distributing a finished product.
Bootstrap Icons

1,151 icons

Matching "r"

Clipboard2 X

bi bi-clipboard2-x

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f732

Clipboard2 X Fill

bi bi-clipboard2-x-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f731

Clock History

bi bi-clock-history

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f292

Cloud Arrow Down

bi bi-cloud-arrow-down

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f295

Cloud Arrow Down Fill

bi bi-cloud-arrow-down-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f294

Cloud Arrow Up

bi bi-cloud-arrow-up

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f297

Cloud Arrow Up Fill

bi bi-cloud-arrow-up-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f296

Cloud Drizzle

bi bi-cloud-drizzle

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f29d

Cloud Drizzle Fill

bi bi-cloud-drizzle-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f29c

Cloud Lightning Rain

bi bi-cloud-lightning-rain

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2ab

Cloud Lightning Rain Fill

bi bi-cloud-lightning-rain-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2aa

Cloud Rain

bi bi-cloud-rain

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2b6

Cloud Rain Fill

bi bi-cloud-rain-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2b3

Cloud Rain Heavy

bi bi-cloud-rain-heavy

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2b5

Cloud Rain Heavy Fill

bi bi-cloud-rain-heavy-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2b4

Code Square

bi bi-code-square

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2c7

Cone Striped

bi bi-cone-striped

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2d2

Controller

bi bi-controller

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2d4

Credit Card

bi bi-credit-card

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2dc

Credit Card 2 Back

bi bi-credit-card-2-back

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2d8

Credit Card 2 Back Fill

bi bi-credit-card-2-back-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2d7

Credit Card 2 Front

bi bi-credit-card-2-front

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2da

Credit Card 2 Front Fill

bi bi-credit-card-2-front-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2d9

Credit Card Fill

bi bi-credit-card-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2db

Crop

bi bi-crop

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2dd

Crosshair

bi bi-crosshair

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f769

Crosshair2

bi bi-crosshair2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f794

Cup Straw

bi bi-cup-straw

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2df

Currency Bitcoin

bi bi-currency-bitcoin

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f635

Currency Dollar

bi bi-currency-dollar

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f636

Currency Euro

bi bi-currency-euro

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f637

Currency Exchange

bi bi-currency-exchange

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f638

Currency Pound

bi bi-currency-pound

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f639

Currency Rupee

bi bi-currency-rupee

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7ec

Currency Yen

bi bi-currency-yen

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f63a

Cursor

bi bi-cursor

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e3

Cursor Fill

bi bi-cursor-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e1

Cursor Text

bi bi-cursor-text

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e2

Dash Circle

bi bi-dash-circle

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e6

Dash Circle Dotted

bi bi-dash-circle-dotted

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e4

Dash Circle Fill

bi bi-dash-circle-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e5

Dash Square

bi bi-dash-square

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e9

Dash Square Dotted

bi bi-dash-square-dotted

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e7

Dash Square Fill

bi bi-dash-square-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e8

Database Fill Gear

bi bi-database-fill-gear

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8b9

Database Gear

bi bi-database-gear

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8bf

Diagram 2

bi bi-diagram-2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2ec

Diagram 2 Fill

bi bi-diagram-2-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2eb

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.