Несколько реестров mat-icon в Angular 7

Question

Когда я пробовал несколько значков, значок, который я дал Первому в теге <mat-icon>, повторяется для всех тегов mat-icon.

constructor(private matIconRegistry: MatIconRegistry, private domSanitizer: DomSanitizer) {

     this.matIconRegistry.addSvgIcon('downld', this.domSanitizer.bypassSecurityTrustResourceUrl('./assets/images/DownloadCloud.svg'));
     this.matIconRegistry.addSvgIcon('match', this.domSanitizer.bypassSecurityTrustResourceUrl('./assets/images/Match.svg'));
     this.matIconRegistry.addSvgIcon('openfile', this.domSanitizer.bypassSecurityTrustResourceUrl('./assets/images/OpenFile.svg'));
  }

<mat-icon svgIcon="match"></mat-icon>
<mat-icon svgIcon="openfile"></mat-icon>
<mat-icon svgIcon="downld"></mat-icon>

Выход