/material-design-icons-font

Google Material design icon font for Meteor

Primary LanguageCSS

Google material design icons

Package to provide Google's material design icons for your Meteor app. This adds the webfont into your project

Usage

Example

Using the font

<i class="material-icons">face</i>
fallback for older browser:
<i class="material-icons">&#xE87C;</i>

Additional styling

// Rules for sizing the icon.
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

// Rules for using icons as black on a light background.
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

// Rules for using icons as white on a dark background.
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

Links