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

503 icons

Matching "3"

Building Fill Slash

bi bi-building-fill-slash

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f873

Calendar Date Fill

bi bi-calendar-date-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f1e3

Calendar Week

bi bi-calendar-week

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f1f3

Calendar2 Month

bi bi-calendar2-month

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f203

Calendar3

bi bi-calendar3

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f214

Calendar3 Event

bi bi-calendar3-event

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f20e

Calendar3 Event Fill

bi bi-calendar3-event-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f20d

Calendar3 Fill

bi bi-calendar3-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f20f

Calendar3 Range

bi bi-calendar3-range

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f211

Calendar3 Range Fill

bi bi-calendar3-range-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f210

Calendar3 Week

bi bi-calendar3-week

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f213

Calendar3 Week Fill

bi bi-calendar3-week-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f212

Capslock

bi bi-capslock

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f223

Caret Left

bi bi-caret-left

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f230

Caret Right

bi bi-caret-right

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f234

Caret Right Fill

bi bi-caret-right-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f231

Caret Right Square

bi bi-caret-right-square

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f233

Caret Right Square Fill

bi bi-caret-right-square-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f232

Caret Up

bi bi-caret-up

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f238

Caret Up Fill

bi bi-caret-up-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f235

Caret Up Square

bi bi-caret-up-square

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f237

Caret Up Square Fill

bi bi-caret-up-square-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f236

Cart Check

bi bi-cart-check

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f23a

Cart Check Fill

bi bi-cart-check-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f239

Cart Dash

bi bi-cart-dash

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f23c

Cart Dash Fill

bi bi-cart-dash-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f23b

Cart Fill

bi bi-cart-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f23d

Cart Plus

bi bi-cart-plus

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f23f

Cart Plus Fill

bi bi-cart-plus-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f23e

Cart2

bi bi-cart2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f243

Cart3

bi bi-cart3

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f244

Cash Coin

bi bi-cash-coin

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f632

Cassette

bi bi-cassette

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7e3

Chat Heart Fill

bi bi-chat-heart-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f713

Chat Left

bi bi-chat-left

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f253

Chat Square Text Fill

bi bi-chat-square-text-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f263

Check Lg

bi bi-check-lg

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f633

Chevron Bar Contract

bi bi-chevron-bar-contract

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f273

Chevron Expand

bi bi-chevron-expand

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f283

Clipboard X Fill

bi bi-clipboard-x-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f723

Clipboard2

bi bi-clipboard2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f733

Clipboard2 Pulse

bi bi-clipboard2-pulse

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f730

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

bi bi-clock

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f293

Cloud Hail Fill

bi bi-cloud-hail-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2a3

Cloud Rain Fill

bi bi-cloud-rain-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2b3

Clouds

bi bi-clouds

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2c3

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.