Загрузка значков из папки активов на странице в угловом проекте с ошибкой 429

у вас, похоже, неправильная конфигурация для этой службы, вот сервис обновлений а вот структура папок структура папок

и вывод здесь выход

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

@Injectable({
  providedIn: 'root'
})
export class IconService {

  constructor(
    private _iconRegistry: MatIconRegistry,
    private _sanitizer: DomSanitizer
  ) {}
  public registerIcons(icons: Array<string>): void {
    icons.forEach((icon) => {

      this._iconRegistry.addSvgIcon(
        icon,
        this._sanitizer.bypassSecurityTrustResourceUrl(
          `assets/icons/${icon}.svg`
        )
      );
    });
  }
}

для app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { IconService } from './services/icon.service';
import { MatIconModule } from '@angular/material/icon';
import { HttpClientModule } from '@angular/common/http';
import { MatSelectModule } from '@angular/material/select';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    MatIconModule,
    BrowserAnimationsModule,
    HttpClientModule,
    FormsModule,
    MatSelectModule,
    ReactiveFormsModule
  ],
  providers: [IconService],
  bootstrap: [AppComponent]
})
export class AppModule { }

ДЛЯ app.component.ts

import { Component, OnInit } from '@angular/core';
import { IconService } from './services/icon.service';

export class AppComponent implements OnInit {
  title = 'app-icons';
  icon: string = 'soc-icon';

  allFieldType=[];

  field:any

  constructor(private _iconService: IconService) {
    this.field = {
      value: this.icon,
      viewValue: 'Text',
    };
    this.allFieldTypes = [
      { value: this.icon, viewValue: 'Text' },
      { value: this.icon, viewValue: 'Number' },
      { value: this.icon, viewValue: 'Date' },
     
    ];
  }
  ngOnInit(): void {
    this._iconService.registerIcons([this.icon]);
  }

для app.compnent.html

  <h1>hello SVG icon</h1>

  <div>
    <mat-form-field>
      <mat-label>Select a field type</mat-label>
      <mat-select [(ngModel)] = "field">
        <mat-select-trigger>
          <mat-icon svgIcon = "{{field.value}}"></mat-icon>
          &nbsp;{{field.viewValue}}
        </mat-select-trigger>
        <mat-option *ngFor = "let item of allFieldTypes" [value] = "item">
          <mat-icon class = "material-icons" svgIcon = "{{item.value}}"></mat-icon>
          {{item.viewValue}}
        </mat-option>
      </mat-select>
    </mat-form-field>
  </div>