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>
Icon sizes
Propeller provides five different sizes of Google Material Icon Library -
.pmd-icon-xl for extra large, .pmd-icon-lg for large,
.pmd-icon-md for medium, .pmd-icon-sm for small, and
.pmd-icon-xs for extra small icon.
For example:
To use the 3d rotation icon, add <i
class="material-icons md-dark
pmd-icon-md">mood</i>.
pmd-icon-xs
pmd-icon-sm
pmd-icon-md
pmd-icon-lg
pmd-icon-xl
Circle icons
To use an icon inside a filled circle, add .pmd-icon-circle and .bg-*
classes. To create an icon with circular border, in place of .bg-*, use
.border .border-* classes.
Icon with Filled Circle
Icon with Circular Border