Bootstrap Glyphicons
Bootstrap Glyphicons are built-in icon fonts that you can use with Bootstrap components like buttons, navigation, forms, headings, alerts, etc.
📌 Note: Glyphicons are available only in Bootstrap 3, not in Bootstrap 4 or 5.
🎯 Basic Usage
Glyphicons use the .glyphicon class followed by a specific icon class.
🔽 Example with Text
🧲 Glyphicons in Buttons
📌 Glyphicons in Input Fields
Useful for login forms and search bars.
⭐ Commonly Used Glyphicons
| Icon | Class |
|---|---|
| 🔍 Search | glyphicon-search |
| 👤 User | glyphicon-user |
glyphicon-envelope | |
| ☑ Check | glyphicon-ok |
| ❌ Remove | glyphicon-remove |
| ⏰ Time | glyphicon-time |
| ⚙ Settings | glyphicon-cog |
| 📁 Folder | glyphicon-folder-open |
| 📞 Phone | glyphicon-earphone |
| 🔔 Notification | glyphicon-bell |
🛠 Glyphicons in Alerts Example
🚀 Glyphicons Inside Navigation
✔ Summary
| Feature | Supported |
|---|---|
| Works only in Bootstrap 3 | ✔️ |
| Can be used in text | ✔️ |
| Can be used in buttons, navigation, forms, and alerts | ✔️ |
| Scalable vector icons (not images) | ✔️ |
