iiCe89

Posted 9 months ago

Npm & Material design icons

View Profile

Today i decided to use Material design icons instead of Fontawesome 5 and they are so nice! you can use them across web , Android & IOS projects.

Here's a quick way to use Material design icon's in your project using NPM




In your terminal run

$ npm install material-design-icons


In your main.scss file add this to the top

@import "~material-design-icons/iconfont/material-icons.css";


Now we can use Material design icons in our HTML

<i class="material-icons">face</i>


Lastly if you come across alignment issue with text try this

.material-icons{
vertical-align: middle;
}


you can find the full list on material designs website Official Material design site




Must be logged in to comment
Npm & Material design icons / Welcome to Signl