Npm & Material design icons / Welcome to Signl

Npm & Material design icons

Posted 3 weeks ago
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

vertical-align: middle;

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

Must be logged in to comment

Discover more