Using Google Icons

  • Web

An easy way to put sharp Icons on your webpage is by using Google Icons.

To use the Google icons, add the following line inside the <head> section of your HTML page:

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

No downloading or installation is required!

After this, you simply add a set of icon tags with te correct class and within it the name of the icon of your choice.:

<i class="material-icons">favorite</i>

You can try it at W3schools.com.

And view the complete icon collection at material.io.

Leave a Reply

Your email address will not be published. Required fields are marked *