Material Icon List

Simple material icon picker.

Basic List

<app-material-icon-list [(icon)]="icon"></app-material-icon-list>

Menu

<button mat-icon-button #menuTrigger="matMenuTrigger" [matMenuTriggerFor]="menu">
  <mat-icon>{{icon}}</mat-icon>
</button>
<mat-menu #menu="matMenu">
  <app-material-icon-list [(icon)]="icon" (iconChange)="menuTrigger.closeMenu()"></app-material-icon-list>
</mat-menu>

Customize

<app-material-icon-list [(icon)]="icon" color="accent" appearance="standard"></app-material-icon-list>

More Information

• icons.json file is fetched from Google fonts.google.com/metadata/fonts