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

2,078 icons

Browse by package, name, tag, class, or code point.

Ear

bi bi-ear

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f689
ear

Ear Fill

bi bi-ear-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f688

Earbuds

bi bi-earbuds

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f30e

Easel

bi bi-easel

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f310

Easel Fill

bi bi-easel-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f30f

Easel2

bi bi-easel2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f66d

Easel2 Fill

bi bi-easel2-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f66c

Easel3

bi bi-easel3

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f66f

Easel3 Fill

bi bi-easel3-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f66e

Egg

bi bi-egg

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f313
egg

Egg Fill

bi bi-egg-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f311

Egg Fried

bi bi-egg-fried

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f312

Eject

bi bi-eject

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f315

Eject Fill

bi bi-eject-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f314

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 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 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 Grimace

bi bi-emoji-grimace

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7a0

Emoji Grimace Fill

bi bi-emoji-grimace-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f79b

Emoji Grin

bi bi-emoji-grin

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7a6

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 Kiss

bi bi-emoji-kiss

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f735

Emoji Kiss Fill

bi bi-emoji-kiss-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f734

Emoji Laughing

bi bi-emoji-laughing

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f321

Emoji Laughing Fill

bi bi-emoji-laughing-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f320

Emoji Neutral

bi bi-emoji-neutral

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f323

Emoji Neutral Fill

bi bi-emoji-neutral-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f322

Emoji Smile

bi bi-emoji-smile

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f327

Emoji Smile Fill

bi bi-emoji-smile-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f324

Emoji Smile Upside Down

bi bi-emoji-smile-upside-down

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f326

Emoji Smile Upside Down Fill

bi bi-emoji-smile-upside-down-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f325

Emoji Sunglasses

bi bi-emoji-sunglasses

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f329

Emoji Sunglasses Fill

bi bi-emoji-sunglasses-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f328

Emoji Surprise

bi bi-emoji-surprise

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7ac

Emoji Surprise Fill

bi bi-emoji-surprise-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7a7

Emoji Tear

bi bi-emoji-tear

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7b2

Emoji Tear Fill

bi bi-emoji-tear-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f7ad

Emoji Wink

bi bi-emoji-wink

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f32b

Emoji Wink Fill

bi bi-emoji-wink-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f32a

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.