Skip to content

planet-training/material-design-icons-font

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Google Material design icon font for Meteor

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published