menu

We use Google Material Icons by Google. They provide a searchable list (which we do not include in the documentation here), which will also show you the relevant icon names for the CSS classes. You can download the icons directly from the Material Design specs.

Usage

To be able to use these icons, you must include this line in the <head>portion of your HTML code


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

To use these icons, use the material-icons class on an element and provide the ligature as the text content.


  <i class="material-icons">add</i>
            
Sizes

To control the size of the icon, change the font-size: 30px property of your icon. Optionally you can use preset classes as shown below.

insert_chart

Tiny

insert_chart

Small

insert_chart

Medium

insert_chart

Large


  <!--
  Sizes:
  tiny: 1rem
  small: 2rem
  medium: 4rem
  large: 6rem
  -->
  <i class="large material-icons">insert_chart</i>