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

80 icons

Matching "ad"

Headset Vr

bi bi-headset-vr

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f645

House Add

bi bi-house-add

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f887

House Add Fill

bi bi-house-add-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f886

Ladder

bi bi-ladder

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f452

Minecart Loaded

bi bi-minecart-loaded

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f491

Option

bi bi-option

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f4ad

Person Add

bi bi-person-add

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f89a

Person Badge

bi bi-person-badge

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f4d3

Person Badge Fill

bi bi-person-badge-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f4d2

Person Fill Add

bi bi-person-fill-add

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f89d

Qr Code Scan

bi bi-qr-code-scan

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6ad

Radar

bi bi-radar

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8cf

Radioactive

bi bi-radioactive

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f67b

Shadows

bi bi-shadows

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8fc

Shield Shaded

bi bi-shield-shaded

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f53b

Sign Dead End

bi bi-sign-dead-end

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f850

Sign Dead End Fill

bi bi-sign-dead-end-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f84f

Sign Railroad

bi bi-sign-railroad

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f866

Sign Railroad Fill

bi bi-sign-railroad-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f865

Suit Spade

bi bi-suit-spade

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f5a0

Suit Spade Fill

bi bi-suit-spade-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f59f

Tablet Landscape

bi bi-tablet-landscape

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f5ad

Taxi Front

bi bi-taxi-front

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8ad

Threads

bi bi-threads

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8d9

Threads Fill

bi bi-threads-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8d8

Tornado

bi bi-tornado

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f5dc

Ui Radios

bi bi-ui-radios

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f5fb

Ui Radios Grid

bi bi-ui-radios-grid

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f5fa

Upload

bi bi-upload

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f603

Wrench Adjustable

bi bi-wrench-adjustable

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f790

Wrench Adjustable Circle

bi bi-wrench-adjustable-circle

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f78f

Wrench Adjustable Circle Fill

bi bi-wrench-adjustable-circle-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f78e

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.