Angular4 - p-menu не может видеть значки в строке меню

В настоящее время в моем проекте я использую Угловой 4.1 с функцией бокового меню. Справа у меня значок меню гамбургера. По щелчку я хочу показать ярлыки с иконками.

Ниже мой код

1. burger-menu.template.html

<div class = "burger-menu-container">
  <p-menu [model] = "items"></p-menu>
</div>

2. burger-menu.component.ts

import { MenuItem } from 'primeng/primeng';

Внутри класса я объявил свою переменную как:

public items: MenuItem[];

В ngOnInit я вызвал метод ниже:

this.menuItem();

Реализация функции:

private menuItem(): void {
    this.items = [
      {
        label: this.translate.instant('burgermainmenu.mycompanyrestaurantlabel'), icon: 'home-icon', command: (event) => {
          this.arrowClick('home');
        }
      },
      {
        label: this.translate.instant('burgermainmenu.allcompanyrestaurantlabel'), icon: 'all-cafeteria-icon',
        routerLink: ['../../cafe/cafeteria-list', 'list-view', { id: this.currentLocation }],
        command: (event) => {
          this.arrowClick('');
        }
      }]

3. app.module.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

Inside @NgModule below things are already imported

imports: [
    BrowserModule,
    HttpClientModule,
    RouterModule.forRoot(ROUTES, { useHash: true }),
    BrowserAnimationsModule,
    SharedModule,
    TranslateModule.forRoot({
      loader: { provide: TranslateLoader, useClass: CustomLoader }
    }),
    AsyncLocalStorageModule,
    LazyLoadImageModule
  ]

Проблема - В соответствии с приведенной выше реализацией я не могу видеть значки, оставленные для маркировки в боковом меню.

Любая помощь заметна.