change the icons

src/app/dashboard/service-component-history/service-component-history.component.html

@@ -92,9 +92,9 @@
 <div class="div-top1">
 <mat-card class="example-card-right">
   <mat-card-header>
-
+ <mat-icon>history</mat-icon>
     <mat-card-title>History record for {{servComp.name}} @ {{servCompHost}} </mat-card-title>
-    <mat-icon>home</mat-icon>
+   
   </mat-card-header>
   
   <mat-card-content>

src/app/dashboard/site/site.component.html

@@ -94,7 +94,7 @@
   <mat-card-header>
     
     <mat-card-title>Contact</mat-card-title>
-    <mat-icon>home</mat-icon>
+    <mat-icon>contacts</mat-icon>
   </mat-card-header>
   
   <mat-card-content>
@@ -132,7 +132,7 @@
   <mat-card-header>
 
     <mat-card-title>Project Data</mat-card-title>
-    <mat-icon>home</mat-icon>
+    <mat-icon>storage</mat-icon>
   </mat-card-header>
   
   <mat-card-content>
@@ -171,7 +171,7 @@
   <mat-card-header>
 
     <mat-card-title>Networking</mat-card-title>
-    <mat-icon>home</mat-icon>
+    <mat-icon>device_hub</mat-icon>
   </mat-card-header>
   
   <mat-card-content>
@@ -208,7 +208,7 @@
   <mat-card-header>
 
     <mat-card-title>Location</mat-card-title>
-    <mat-icon>home</mat-icon>
+    <mat-icon>location_on</mat-icon>
   </mat-card-header>
   
   <mat-card-content>
@@ -245,7 +245,7 @@
   <mat-card-header>
 
     <mat-card-title>Hosts</mat-card-title>
-    <mat-icon>home</mat-icon>
+    <mat-icon svgIcon="hosts"></mat-icon>
   </mat-card-header>
   
   <mat-card-content>

src/app/dashboard/site/site.component.ts

@@ -5,6 +5,8 @@ import {Site} from '../../model/site';
 import {SiteService} from '../../site.service';
 import { AuthService } from 'src/app/auth.service';
 
+import { MatIconRegistry } from "@angular/material/icon";
+import { DomSanitizer } from "@angular/platform-browser";
 
 @Component({
   selector: 'app-site',
@@ -27,9 +29,15 @@ export class SiteComponent implements OnInit, OnDestroy {
   constructor(private siteService: SiteService,
     public router: Router,
     public route: ActivatedRoute,
-    public authService: AuthService
+    public authService: AuthService,
+    private matIconRegistry: MatIconRegistry,
+    private domSanitizer: DomSanitizer
     ) {
     console.log('in site view constructor');
+    this.matIconRegistry.addSvgIcon(
+      `hosts`,
+      this.domSanitizer.bypassSecurityTrustResourceUrl("../../../assets/hosts.svg")
+    );
     this.site = this.siteService.getCurrentSelectedSite();
     this.cuturls();
     if ( this.site.hostNames !== null && this.site.hostNames.length >0) {