Course Content

  • Lecture-25_bootstrap
  • Lecture-25_fontawesome
  • Lecture-25_google

Course Content


Some common types of icons include:

  • Font icons: used to represent text that is not yet available on the screen, but will be shown soon
  • Glyphs: A text box is a graphical control element used to display text and symbols on the screen. It is typically used to replace or modify existing text or symbols that are present on the screen.

The best practices for adding icons in CSS are:

  • use Unicode characters
  • use scalable vector graphics (SVG)
  • use an icon font

The icon will appear before the link text thanks to the CSS3 pseudo-element::before. The ID selector for the menu's home link in this example is #menu-link-1, which you can see by right-clicking the link and selecting Inspect from the browser menu. The::after pseudo-element can also be used to insert an icon after the link text.

Icons are a useful tool for designers to communicate with their audience. They can be used to represent a specific type of content or a certain mood. Adding icons in CSS is much easier than adding them in HTML.

Recommended Courses

Share With Friend

Have a friend to whom you would want to share this course?

Download LearnVern App

App Preview Image
App QR Code Image
Code Scan or Download the app
Google Play Store
Apple App Store
598K+ Downloads
App Download Section Circle 1
4.57 Avg. Ratings
App Download Section Circle 2
15K+ Reviews
App Download Section Circle 3
  • Learn anywhere on the go
  • Get regular updates about your enrolled or new courses
  • Share content with your friends
  • Evaluate your progress through practice tests
  • No internet connection needed
  • Enroll for the webinar and join at the time of the webinar from anywhere