Using Google Icons

Using Google Icons

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.

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

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