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

286 icons

Matching "9"

Crosshair2

bi bi-crosshair2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f794

Css

bi bi-css

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f917
css

Currency Pound

bi bi-currency-pound

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f639

Dash Square

bi bi-dash-square

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2e9

Database Fill Gear

bi bi-database-fill-gear

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8b9

Device Hdd

bi bi-device-hdd

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6f9

Dice 4

bi bi-dice-4

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f2f9

Dot

bi bi-dot

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f309
dot

Ear

bi bi-ear

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f689
ear

Emoji Astonished

bi bi-emoji-astonished

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f79a

Emoji Astonished Fill

bi bi-emoji-astonished-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f795

Emoji Dizzy

bi bi-emoji-dizzy

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f319

Emoji Grimace Fill

bi bi-emoji-grimace-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f79b

Emoji Sunglasses

bi bi-emoji-sunglasses

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f329

Envelope Arrow Up Fill

bi bi-envelope-arrow-up-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7b9

Envelope Exclamation

bi bi-envelope-exclamation

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f692

Envelope Exclamation Fill

bi bi-envelope-exclamation-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f691

Envelope Open Heart

bi bi-envelope-open-heart

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f739

Envelope Plus

bi bi-envelope-plus

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f694

Envelope Plus Fill

bi bi-envelope-plus-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f693

Envelope Slash

bi bi-envelope-slash

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f697

Envelope Slash Fill

bi bi-envelope-slash-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f696

Envelope X

bi bi-envelope-x

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f69a

Envelope X Fill

bi bi-envelope-x-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f699

Ev Station Fill

bi bi-ev-station-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f839

Exclamation Square

bi bi-exclamation-square

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f339

Explicit

bi bi-explicit

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f69c

Explicit Fill

bi bi-explicit-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f69b

File Bar Graph Fill

bi bi-file-bar-graph-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f349

File Earmark

bi bi-file-earmark

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f392

File Earmark Bar Graph Fill

bi bi-file-earmark-bar-graph-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f359

File Earmark Fill

bi bi-file-earmark-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f369

File Earmark Person

bi bi-file-earmark-person

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f379

File Earmark Spreadsheet

bi bi-file-earmark-spreadsheet

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f389

File Earmark Zip

bi bi-file-earmark-zip

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f391

File Earmark Zip Fill

bi bi-file-earmark-zip-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f390

File Easel

bi bi-file-easel

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f394

File Easel Fill

bi bi-file-easel-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f393

File Excel

bi bi-file-excel

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f396

File Excel Fill

bi bi-file-excel-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f395

File Fill

bi bi-file-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f397

File Font

bi bi-file-font

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f399

File Font Fill

bi bi-file-font-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f398

File Image

bi bi-file-image

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f39b

File Image Fill

bi bi-file-image-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f39a

File Lock

bi bi-file-lock

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f39d

File Lock Fill

bi bi-file-lock-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f39c

File Lock2

bi bi-file-lock2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f39f

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.