[Solved] How can I use icon from font-awesome ?

[borisBelloc]

Hello,

I'm trying to make a breadcrumb with icon.

I have seen in the example, icon like that :

  {
    path: 'mentor',
    loadChildren: () =>
      import('./mentor/mentor.module').then((m) => m.MentorModule),
    data: {
      breadcrumb: {
        info: 'person',
      },
    },
  },

I don't understand how can just the string person make this result :

where is it configured to use material icon ? is it this line ? info: { myData: { icon: 'home', iconType: 'material' } }
how can I overide it to use font-awesome icon ?

I successfully added the first icon like in the tutorial but it's not dynamic :

    <ng-container
      *xngBreadcrumbItem="
        let breadcrumb;
        let info = info;
        let first = first
      "
    >
    <!-- * Show Info label instead of breadcrumb label -->
    <span *ngIf="info"><i class="fas fa-home"></i> {{ info }}</span>
    <ng-container *ngIf="!first">{{ breadcrumb | titlecase }}</ng-container>
  </ng-container>

In my Angular project, to add an icon from front awesome, I just have to add the with class, example :
<i class="fas fa-home"></i>

Is there is a way to config xng-breadcrumb to use this system?
I don't find anything.

[borisBelloc]

Ok, I found the solution, i'm a bit slow, I hope It can help someone else 👍

In the breadcrumb template :
<span *ngIf="info"><i class="{{info}}"></i></span>

in the breadcrumb data, just give the font-awesome class :

    data: {
      breadcrumb: {
        label: 'Home',
        info: 'fas fa-home'
      },
    },