- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f765
Font Icon Library
Bootstrap Icons Search
190 icons
Matching "y"
Filetype Txt
bi bi-filetype-txt
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f766
Filetype Wav
bi bi-filetype-wav
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f767
Filetype Woff
bi bi-filetype-woff
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f768
Filetype Xls
bi bi-filetype-xls
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f76a
Filetype Xlsx
bi bi-filetype-xlsx
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f793
Filetype Xml
bi bi-filetype-xml
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f76b
Filetype Yml
bi bi-filetype-yml
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f76c
Floppy
bi bi-floppy
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7d8
Floppy Fill
bi bi-floppy-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7c5
Floppy2
bi bi-floppy2
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7e4
Floppy2 Fill
bi bi-floppy2-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7d9
Folder Symlink
bi bi-folder-symlink
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3d5
Folder Symlink Fill
bi bi-folder-symlink-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f3d4
Google Play
bi bi-google-play
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f7f7
Hypnotize
bi bi-hypnotize
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f674
Infinity
bi bi-infinity
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f69e
Joystick
bi bi-joystick
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f448
Justify
bi bi-justify
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f44b
Justify Left
bi bi-justify-left
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f449
Justify Right
bi bi-justify-right
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f44a
Key
bi bi-key
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f44f
Key Fill
bi bi-key-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f44e
Keyboard
bi bi-keyboard
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f451
Keyboard Fill
bi bi-keyboard-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f450
Layer Backward
bi bi-layer-backward
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f457
Layer Forward
bi bi-layer-forward
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f458
Layers
bi bi-layers
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45b
Layers Fill
bi bi-layers-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f459
Layers Half
bi bi-layers-half
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45a
Layout Sidebar
bi bi-layout-sidebar
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45f
Layout Sidebar Inset
bi bi-layout-sidebar-inset
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45d
Layout Sidebar Inset Reverse
bi bi-layout-sidebar-inset-reverse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45c
Layout Sidebar Reverse
bi bi-layout-sidebar-reverse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f45e
Layout Split
bi bi-layout-split
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f460
Layout Text Sidebar
bi bi-layout-text-sidebar
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f462
Layout Text Sidebar Reverse
bi bi-layout-text-sidebar-reverse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f461
Layout Text Window
bi bi-layout-text-window
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f464
Layout Text Window Reverse
bi bi-layout-text-window-reverse
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f463
Layout Three Columns
bi bi-layout-three-columns
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f465
Layout Wtf
bi bi-layout-wtf
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f466
Memory
bi bi-memory
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6e3
Music Player
bi bi-music-player
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f4a2
Music Player Fill
bi bi-music-player-fill
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f4a1
Paypal
bi bi-paypal
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f662
Pc Display
bi bi-pc-display
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6a6
Pc Display Horizontal
bi bi-pc-display-horizontal
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f6a5
Perplexity
bi bi-perplexity
- Package
- Bootstrap Icons
- Category
- Uncategorized
- Code Point
- f916
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.