Icons edit

Icon Font

Check out all the available icons at: fonts.google.com/icons

Material UI requires the Icons, and the Icons Outlined font families.
Make sure to link the Material Icons font in the head of your html document:

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

Icon use:

home

<span class="material-icons">home<span>

Sizes

To control the size of the icon, change the class="material-icons size" class of your icon.

    sm: 1.25rem
    md: 1.5rem // default
    lg: 2.25rem
    
    <span class="material-icons lg">face</span>
  

Circle Flags Icons

Check out all the available icons at: hatscripts/circle-flags/gallery

Icon use:

<img src="https://hatscripts.github.io/circle-flags/flags/br.svg" width=" ">