IP Location.net
Sign In

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.

Rocket Takeoff Fill

bi bi-rocket-takeoff-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f844
rocket takeoff fill

Router

bi bi-router

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6ec
router

Router Fill

bi bi-router-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6eb
router fill

Rss

bi bi-rss

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f522
rss

Rss Fill

bi bi-rss-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f521
rss fill

Rulers

bi bi-rulers

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f523
rulers

Safe

bi bi-safe

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f65a
safe

Safe Fill

bi bi-safe-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f651
safe fill

Safe2

bi bi-safe2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f653
safe2

Safe2 Fill

bi bi-safe2-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f652
safe2 fill

Save

bi bi-save

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f525
save

Save Fill

bi bi-save-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f524
save fill

Save2

bi bi-save2

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f527
save2

Save2 Fill

bi bi-save2-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f526
save2 fill

Scissors

bi bi-scissors

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f528
scissors

Scooter

bi bi-scooter

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8ab
scooter

Screwdriver

bi bi-screwdriver

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f529
screwdriver

Sd Card

bi bi-sd-card

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f655
sd card

Sd Card Fill

bi bi-sd-card-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f654
sd card fill

Search

bi bi-search

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f52a
search

Search Heart

bi bi-search-heart

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f787
search heart

Search Heart Fill

bi bi-search-heart-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f786
search heart fill

Segmented Nav

bi bi-segmented-nav

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f52b
segmented nav

Send

bi bi-send

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6c0
send

Send Arrow Down

bi bi-send-arrow-down

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8d1
send arrow down

Send Arrow Down Fill

bi bi-send-arrow-down-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8d0
send arrow down fill

Send Arrow Up

bi bi-send-arrow-up

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8d3
send arrow up

Send Arrow Up Fill

bi bi-send-arrow-up-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8d2
send arrow up fill

Send Check

bi bi-send-check

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6b3
send check

Send Check Fill

bi bi-send-check-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6b2
send check fill

Send Dash

bi bi-send-dash

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6b5
send dash

Send Dash Fill

bi bi-send-dash-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6b4
send dash fill

Send Exclamation

bi bi-send-exclamation

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6b8
send exclamation

Send Exclamation Fill

bi bi-send-exclamation-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6b7
send exclamation fill

Send Fill

bi bi-send-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6b9
send fill

Send Plus

bi bi-send-plus

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6bb
send plus

Send Plus Fill

bi bi-send-plus-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6ba
send plus fill

Send Slash

bi bi-send-slash

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6bd
send slash

Send Slash Fill

bi bi-send-slash-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6bc
send slash fill

Send X

bi bi-send-x

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6bf
send x

Send X Fill

bi bi-send-x-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f6be
send x fill

Server

bi bi-server

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f52c
server

Shadows

bi bi-shadows

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f8fc
shadows

Share

bi bi-share

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f52e
share

Share Fill

bi bi-share-fill

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f52d
share fill

Shield

bi bi-shield

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f53f
shield

Shield Check

bi bi-shield-check

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f52f
shield check

Shield Exclamation

bi bi-shield-exclamation

Package
Bootstrap Icons
Category
Uncategorized
Code Point
f530
shield exclamation

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.

Related References

Continue with nearby symbol, code, and web design resources.

Symbol Codes Search symbol codes by category or description, including Unicode, hex codes, HTML codes, HTML entities, and CSS entities. HTML Color Codes Browse common HTML color codes and convert between hex, RGB, and HSL color formats. Font Generator Create styled Unicode text variants for headings, profiles, bios, social posts, and design mockups.