Icons on a website are handy. They provide easy visual information, providing links to email forms, telephone numbers, maps and more.

Traditionally these icons have been graphics created using a graphic design programme such as Illustrator or Photoshop or downloaded from the many free graphics sites.

In this tutorial, you will learn how to create icons using just CSS and fonts. This will allow you to edit all your graphics with just a few lines of code. By using font-based graphics you also make your pages lighter and more responsive.