Pure CSS Google Material Design Icons | Task

Ole Ersoy
Mar - 17  -  1 min

Scenario

We want the Google Material Design face icon displayed with CSS and HTML only.

Approach

In the <head> element add:

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

Then create an icon like this:

<i style="font-size: 48px;" class="material-icons">face</i>

Demo