Material icons

Let's begin our journey through Material Design with the material icons. Material icons are icon fonts that have been created to work on any resolution and device (web, Android, and iOS are officially supported).

Icons convey a special meaning and developers tend to use the same icons to communicate the same thing. Consequently, users find their way more easily in your apps.

There are hundreds of icons available for you to use and new ones are added on a daily basis.

Here are some examples:

Fold icons.

You can see all the icons at https://material.io/icons/.

As material icons are an optional part of Material Design (that is, you could have Material Designed an app with, for example, font awesome icons or even custom ones), there's another one liner to add to your code. In your src/index.html file, add the following in the head section:

<link href=...