- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f15b
Font Icon Library
Bootstrap Icons Search
80 icons
Matching "ad"
Badge 3D Fill
bi bi-badge-3d-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f15a
Badge 4K
bi bi-badge-4k
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f15d
Badge 4K Fill
bi bi-badge-4k-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f15c
Badge 8K
bi bi-badge-8k
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f15f
Badge 8K Fill
bi bi-badge-8k-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f15e
Badge Ad
bi bi-badge-ad
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f161
Badge Ad Fill
bi bi-badge-ad-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f160
Badge Ar
bi bi-badge-ar
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f163
Badge Ar Fill
bi bi-badge-ar-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f162
Badge Cc
bi bi-badge-cc
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f165
Badge Cc Fill
bi bi-badge-cc-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f164
Badge Hd
bi bi-badge-hd
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f167
Badge Hd Fill
bi bi-badge-hd-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f166
Badge Sd
bi bi-badge-sd
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f703
Badge Sd Fill
bi bi-badge-sd-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f702
Badge Tm
bi bi-badge-tm
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f169
Badge Tm Fill
bi bi-badge-tm-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f168
Badge Vo
bi bi-badge-vo
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f16b
Badge Vo Fill
bi bi-badge-vo-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f16a
Badge Vr
bi bi-badge-vr
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f16d
Badge Vr Fill
bi bi-badge-vr-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f16c
Badge Wc
bi bi-badge-wc
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f16f
Badge Wc Fill
bi bi-badge-wc-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f16e
Border Left
bi bi-border-left
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1ad
Broadcast
bi bi-broadcast
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1d6
Broadcast Pin
bi bi-broadcast-pin
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f1d5
Building Add
bi bi-building-add
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f867
Building Fill Add
bi bi-building-fill-add
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f86c
Card Heading
bi bi-card-heading
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f225
Cloud Download
bi bi-cloud-download
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f29b
Cloud Download Fill
bi bi-cloud-download-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f29a
Cloud Minus Fill
bi bi-cloud-minus-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f2ad
Cloud Upload
bi bi-cloud-upload
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f2c0
Cloud Upload Fill
bi bi-cloud-upload-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f2bf
Database Add
bi bi-database-add
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8af
Database Fill Add
bi bi-database-fill-add
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f8b4
Download
bi bi-download
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f30a
Dpad
bi bi-dpad
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f687
Dpad Fill
bi bi-dpad-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f686
Emoji Tear Fill
bi bi-emoji-tear-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7ad
File Earmark Spreadsheet
bi bi-file-earmark-spreadsheet
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f389
File Earmark Spreadsheet Fill
bi bi-file-earmark-spreadsheet-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f388
File Post
bi bi-file-post
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3ad
File Spreadsheet
bi bi-file-spreadsheet
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3b7
File Spreadsheet Fill
bi bi-file-spreadsheet-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3b6
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.
Related References
Continue with nearby symbol, code, and web design resources.