material-icons-subset
Version:
#### Creates a new font with a subset of icons from [Material Design Icons Webfont](https://materialdesignicons.com/)
86 lines (61 loc) • 1.93 kB
Markdown
This library uses [webfont](https://github.com/itgalaxy/webfont) to create the subset and [@mdi/svg](https://www.npmjs.com/package/@mdi/svg) as the source.
```
npm i material-icons-subset
```
You can pass a list of icon names to be included in the font as arguments in the command line:
```
material-icons-subset camera menu account-outline email archive
```
Or, you can pass the path for a config.json file:
```
material-icons-subset font-config.json
```
The config.json file must have an array called `icons` with the name of the icons to be include in the font:
```JSON
{
"icons": [
"camera",
"menu",
"account-outline",
"tune",
"bookmark-outline",
"pause",
"arrow-left",
"archive",
"email"]
}
```
You can also use the config.json to configure:
```
{
"formats": ["ttf"], //svg, ttf, woff, woff2
"fontName": "Material Design Icons",
"fontFile": "materialdesignicons",
"dest": ".",
"icons": [...]
```
These are the default values.
The following config.json are accepted.
```
{"icons": [...], ...}}
```
```
{"material-icons-subset": {"icons": [...], ...}}
```
```
{"extra": {"icons": [...], ...}}
```
```
{"extra": {"material-icons-subset": {"icons": [...], ...}}}
```
In this way, package.json or app.json can be used to configuration.
By default, the library will create two files:
`materialdesignicons-subset.ttf` and
`materialdesignicons-subset.json` with the GlyphMap.
The GlyphMap file can be used with libraries like [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons/) with the alias configuration in the bundler for the font and for the GlyphMap. In this library this font is called MaterialComunityIcons.