- Web Icons Tutorial
- Web Icons - Home
- Web Icons - Introduction
- Font Awesome
- Font Awesome Icons
- Font Awesome - Web Icons
- Font Awesome - Hand Icons
- Font Awesome - Transportation Icons
- Font Awesome - Gender Icons
- Font Awesome - File Type Icons
- Font Awesome - Spinner Icons
- Font Awesome - Form Control Icons
- Font Awesome - Payment Icons
- Font Awesome - Chart Icons
- Font Awesome - Currency Icons
- Font Awesome - Text Editor Icons
- Font Awesome - Directional Icons
- Font Awesome - Video Player Icons
- Font Awesome - Brand Icons
- Font Awesome - Medical Icons
- Material Icons
- Material Icons
- Material - Action Icons
- Material - Alert Icons
- Material - AV Icons
- Material - Communication Icons
- Material - Content Icons
- Material - Device Icons
- Material - Editor Icons
- Material - File Icons
- Material - Hardware Icons
- Material - Image Icons
- Material - Maps Icons
- Material - Navigation Icons
- Material - Notification Icons
- Material - Social Icons
- Material - Toggle Icons
- Bootstrap Glyphicons
- Bootstrap Glyphicons
- Bootstrap - Components
- Web Icons Useful Resources
- Web Icons - Quick Guide
- Web Icons - Useful Resources
- Web Icons - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Web Icons Tutorial
We have a number of Icon Fonts (libraries) available that can be used on HTML pages just the way we use normal text fonts. Font Awesome, Bootstrap Glyphicons, and Google's Material Icons are the prominent Icon Fonts used frequently by web developers. This tutorial explains how to use these Icon Fonts in practice.
Audience
This tutorial is meant for HTML developers who would like to use icons on their webpages.
Prerequisites
Before proceeding with this tutorial, you should have a good understanding of HTML and CSS.
Advertisements