Font Icon Library

Bootstrap Icons Search

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.

Person Fill Check

bi bi-person-fill-check

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f89e

person fill check

Person Fill Dash

bi bi-person-fill-dash

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f89f

person fill dash

Person Fill Down

bi bi-person-fill-down

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a0

person fill down

Person Fill Exclamation

bi bi-person-fill-exclamation

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a1

person fill exclamation

Person Fill Gear

bi bi-person-fill-gear

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a2

person fill gear

Person Fill Lock

bi bi-person-fill-lock

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a3

person fill lock

Person Fill Slash

bi bi-person-fill-slash

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a4

person fill slash

Person Fill Up

bi bi-person-fill-up

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a5

person fill up

Person Fill X

bi bi-person-fill-x

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a6

person fill x

Person Gear

bi bi-person-gear

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a7

person gear

Person Heart

bi bi-person-heart

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f77a

person heart

Person Hearts

bi bi-person-hearts

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f77b

person hearts

Person Lines Fill

bi bi-person-lines-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4db

person lines fill

Person Lock

bi bi-person-lock

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a8

person lock

Person Plus

bi bi-person-plus

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4dd

person plus

Person Plus Fill

bi bi-person-plus-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4dc

person plus fill

Person Raised Hand

bi bi-person-raised-hand

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8f7

person raised hand

Person Rolodex

bi bi-person-rolodex

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f676

person rolodex

Person Slash

bi bi-person-slash

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8a9

person slash

Person Square

bi bi-person-square

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4de

person square

Person Standing

bi bi-person-standing

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8f9

person standing

Person Standing Dress

bi bi-person-standing-dress

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8f8

person standing dress

Person Up

bi bi-person-up

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8aa

person up

Person Vcard

bi bi-person-vcard

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8c9

person vcard

Person Vcard Fill

bi bi-person-vcard-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8c8

person vcard fill

Person Video

bi bi-person-video

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f677

person video

Person Video2

bi bi-person-video2

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f678

person video2

Person Video3

bi bi-person-video3

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f679

person video3

Person Walking

bi bi-person-walking

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8fa

person walking

Person Wheelchair

bi bi-person-wheelchair

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f8fb

person wheelchair

Person Workspace

bi bi-person-workspace

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f67a

person workspace

Person X

bi bi-person-x

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e0

person x

Person X Fill

bi bi-person-x-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4df

person x fill

Phone

bi bi-phone

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e7

phone

Phone Fill

bi bi-phone-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e2

phone fill

Phone Flip

bi bi-phone-flip

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f77c

phone flip

Phone Landscape

bi bi-phone-landscape

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e4

phone landscape

Phone Landscape Fill

bi bi-phone-landscape-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e3

phone landscape fill

Phone Vibrate

bi bi-phone-vibrate

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e6

phone vibrate

Phone Vibrate Fill

bi bi-phone-vibrate-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e5

phone vibrate fill

Pie Chart

bi bi-pie-chart

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e9

pie chart

Pie Chart Fill

bi bi-pie-chart-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4e8

pie chart fill

Piggy Bank

bi bi-piggy-bank

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f64a

piggy bank

Piggy Bank Fill

bi bi-piggy-bank-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f649

piggy bank fill

bi bi-pin

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4ed

Pin Angle

bi bi-pin-angle

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4eb

pin angle

Pin Angle Fill

bi bi-pin-angle-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4ea

pin angle fill

Pin Fill

bi bi-pin-fill

Package: Bootstrap Icons
Category: Uncategorized
Code Point: f4ec

pin fill

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.

Community Poll

What is your favorite AI agent? (Choose up to 3)

2,334 votes

Choose up to 3 options.

Codex

Claude Code

Cursor

GitHub Copilot

Gemini / Jules

Devin

OpenClaw

Hermes Agent

Other

View Result

2,078 icons