Tengo una consulta a dia de hoy en mi proyecto estoy importando iconos externos y lo almaceno en mi carpeta de assets, al poner en marchi...

Tengo una consulta a dia de hoy en mi proyecto estoy importando iconos externos y lo almaceno en mi carpeta de assets, al poner en marchi mi servidor tengo un problema y es que me aparace el siguiente error:

ERROR Error: Error retrieving icon :platzi! Unable to find icon with the name ":platzi"

Actualmente yo importo los iconos con Angular Material en la documentacion, implmente lo aprendido en esta clase pero no consigo solucion al error 😦

import { Component, OnInit, PLATFORM_ID, Inject } from '@angular/core';
import { isPlatformBrowser, isPlatformServer } from '@angular/common';
import { DomSanitizer } from '@angular/platform-browser';
import { MatIconRegistry } from '@angular/material/icon';

@Component({
  selector: 'app-footer',
  templateUrl: './footer.component.html',
  styleUrls: ['./footer.component.scss'],
})
export class FooterComponent implements OnInit {
  constructor(
    iconRegistry: MatIconRegistry,
    sanitizer: DomSanitizer,
    // tslint:disable-next-line: ban-types
    @Inject(PLATFORM_ID) private platformId: Object
  ) {
    if (isPlatformBrowser(this.platformId)) {
      iconRegistry.addSvgIcon(
        'youtube',
        sanitizer.bypassSecurityTrustResourceUrl('../../../../assets/svg/youtube.svg')
      );
      iconRegistry.addSvgIcon(
        'platzi',
        sanitizer.bypassSecurityTrustResourceUrl('assets/svg/Platzi.svg')
      );
      iconRegistry.addSvgIcon(
        'twitter',
        sanitizer.bypassSecurityTrustResourceUrl('assets/svg/twitter.svg')
      );
    }
  }

  ngOnInit(): void {}
}

Ese es el modo que lo implemento en mi Footer pero no consigo eliminar el error…