v1.0.0

Self-hosted version generator of Google Material Design icon fonts for web apps

This is NOT a fork of the material design icons by Google, including only the font files for smaller distribution.

This is a generator script which fetches icon fonts from the original material design icons repo, converts otf fonts to woff, and makes it possible to use self-hosted version of the latest material design icons for web.

Using self-hosted version

Install package.

npm i save-dev material-design-icon-fonts-self-hosted-web

yarn add -D material-design-icon-fonts-self-hosted-web

I you use yarn install --ignore-scripts to install your project dependencies, fonts will not be downloaded and built by the script, and will not be usable.

Angular

Add to the styles array of a corresponding app in angular.json

Regular

"styles": [
  "node_modules/material-design-icon-fonts-self-hosted-web/iconfont/material-icons.css"
],

Outlined

"styles": [
  "node_modules/material-design-icon-fonts-self-hosted-web/iconfont/material-icons-outlined.css"
],

Round

"styles": [
  "node_modules/material-design-icon-fonts-self-hosted-web/iconfont/material-icons-round.css"
],

Sharp

"styles": [
  "node_modules/material-design-icon-fonts-self-hosted-web/iconfont/material-icons-sharp.css"
],

TwoTone

"styles": [
  "node_modules/material-design-icon-fonts-self-hosted-web/iconfont/material-icons-twotone.css"
],