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

498 icons

Matching "1"

Emoji Angry

bi bi-emoji-angry

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f317

Emoji Angry Fill

bi bi-emoji-angry-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f316

Emoji Dizzy

bi bi-emoji-dizzy

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f319

Emoji Dizzy Fill

bi bi-emoji-dizzy-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f318

Emoji Expressionless

bi bi-emoji-expressionless

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f31b

Emoji Expressionless Fill

bi bi-emoji-expressionless-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f31a

Emoji Frown

bi bi-emoji-frown

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f31d

Emoji Frown Fill

bi bi-emoji-frown-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f31c

Emoji Grin Fill

bi bi-emoji-grin-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7a1

Emoji Heart Eyes

bi bi-emoji-heart-eyes

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f31f

Emoji Heart Eyes Fill

bi bi-emoji-heart-eyes-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f31e

Emoji Laughing

bi bi-emoji-laughing

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f321

Envelope Exclamation Fill

bi bi-envelope-exclamation-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f691

Eraser

bi bi-eraser

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f331

Ev Front

bi bi-ev-front

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f881

Eye

bi bi-eye

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f341
eye

Fast Forward Circle Fill

bi bi-fast-forward-circle-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7f1

File Code Fill

bi bi-file-code-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f351

File Earmark Code Fill

bi bi-file-earmark-code-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f361

File Earmark Lock2

bi bi-file-earmark-lock2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f371

File Earmark Ppt

bi bi-file-earmark-ppt

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f381

File Earmark Zip

bi bi-file-earmark-zip

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f391

File Medical

bi bi-file-medical

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3a1

File Richtext

bi bi-file-richtext

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3b1

Files Alt

bi bi-files-alt

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3c1

Filetype Cs

bi bi-filetype-cs

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f741

Filetype Json

bi bi-filetype-json

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f791

Filetype Mdx

bi bi-filetype-mdx

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f751

Filetype Sh

bi bi-filetype-sh

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f761

Fingerprint

bi bi-fingerprint

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f671

Flower1

bi bi-flower1

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3cd

Folder Fill

bi bi-folder-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3d1

Fork Knife

bi bi-fork-knife

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f91a

Funnel

bi bi-funnel

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3e1

Gender Ambiguous

bi bi-gender-ambiguous

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f641

Globe Americas Fill

bi bi-globe-americas-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f91b

Globe Asia Australia Fill

bi bi-globe-asia-australia-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f91c

Globe Central South Asia Fill

bi bi-globe-central-south-asia-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f91d

Globe Europe Africa Fill

bi bi-globe-europe-africa-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f91e

Graph Down

bi bi-graph-down

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3f1

Grid 1X2

bi bi-grid-1x2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3f4

Grid 1X2 Fill

bi bi-grid-1x2-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f3f3

Hand Index Thumb Fill

bi bi-hand-index-thumb-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f401

Hdd

bi bi-hdd

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f412
hdd

Hdd Stack

bi bi-hdd-stack

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f411

Hdd Stack Fill

bi bi-hdd-stack-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f410

Headphones

bi bi-headphones

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f413

Headset

bi bi-headset

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f414

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.