Icons

This guide covers inserting HTML icons in webpages, focussing on FontAwesome.

See also Icons on my Dev Resources.

Example

Solid: <i class="fas fa-clock"></i>
Regular: <i class="far fa-clock"></i>

Setup

Follow install instructions below so your icons will render. If you use a website theme, these may be included already such as with https://github.com/jekyll-octopod/jekyll-bulma which uses FontAwesome4.

• How to add icons on W3 Schools.

Resources

• Icons reference on W3 Schools. Lets you search FA5, FA4, Bootstrap and Google.
• FontAwesome home.
  • Use the Search icons bar at the top.
  • All free icons.
  • Sample results page for star search.
  • Sample result of a star.
  • Science fiction gallery.
• FontAwesome 5 intro on W3 Schools.
• FontAwesome 4 intro on W3 Schools.