mat-icon-import

Include only used material icons in SVG format and reduce package size

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
mat-icon-import
100.1.14 years ago4 years agoMinified + gzip package size for mat-icon-import in KB

Readme

Import only used material (and custom) icons in Angular
Build Status

Installation

```sh npm i mat-icon-import
or
yarn add mat-icon-import ```

Usage

At first download the icons you need from here in SVG 24px format (default). The icon names are of type baseline-[key]-24px.svg. You will have to use the key when importing this lib. Import the IconImportModule in your application module and call the forRoot() function with two parameters. At first the array of icon keys, e.g. (accountcircle, add or whatever you want). The secont parameter is the path where you store the icons in your assets folder. ```typescript import { IconImportModule } from 'mat-icon-import'; @NgModule({ imports: IconsModule.forRoot('accountcircle', './assets/mat-icons') }) export class AppModule {} ``` Register the icons where you need them. E.g. in the AppComponent to make it available in the complete application. ```typescript import { IconImportService } from 'mat-icon-import'; @Component({ ... }) export class AppComponent { constructor (private iconService: IconImportService) {
this.iconService.register();
} } ``` Use the registered icons with ```html ``` Don't forget to include the MatIconModule from @angular/material.

Get in contact