如何在angular 2中使用材质图标？

npm install --save @angular/material @angular/cdk @angular/animations

import { MatIconModule } from '@angular/material/icon';
import { MatIconRegistry } from '@angular/material/icon';

@NgModule({
  imports: [
    // 其他模块
    MatIconModule
  ],
  // 其他配置
})
export class AppModule {
  constructor(private matIconRegistry: MatIconRegistry) {
    // 注册所需的图标资源
    matIconRegistry.registerFontClassAlias('fontawesome', 'fa');
  }
}

<mat-icon>home</mat-icon>

import { DomSanitizer } from '@angular/platform-browser';
import { MatIconRegistry } from '@angular/material/icon';

constructor(private matIconRegistry: MatIconRegistry, private domSanitizer: DomSanitizer) {
  this.matIconRegistry.addSvgIcon(
    'custom-icon',
    this.domSanitizer.bypassSecurityTrustResourceUrl('path/to/your/custom-icon.svg')
  );
}

<mat-icon svgIcon="custom-icon"></mat-icon>