problems showing icons from fontawesome on my button

Question

I have this

<mat-card>
 <mat-card-title>{{title}}</mat-card-title>
 <mat-card-subtitle>{{subtitle}}</mat-card-subtitle>
 <mat-card-actions>
 <button class='btn btn-outline-secondary' style='width:80px' (click)='onBack()'>
  <i class='fa fa-chevron-left'></i>
 </button>
 <button class='btn btn-outline-secondary' style='width:80px' (click)='verMes()'>
  <i class='fa fa-solid fa-calendar-days'></i>
 </button>
 <button class='btn btn-outline-secondary' style='width:80px'      (click)='verQuincena()'>
  <i class='fa fa-solid fa-calendar-week'></i>
 </button>
</mat-card-actions>

But only see this

Where are my calendar views?

Any idea, please?

Thanks

which font awesome version are you using and how are you importing the styles? — Mr. Stash, Dec 16 '22 at 18:50

score 0 · Answer 1 · answered Dec 25 '22 at 04:55

It's look like you are using Font Awesome 4 in your project. According to list of icon in FA4, the 2 last icon was not supported.

New in Font Awesome 5 is the fas prefix, Font Awesome 4 uses fa.

The s in fas stands for solid, and some icons also have a regular mode, specified by using the prefix far. -- w3schools

Two icon you was used is from Font Awesome 6. So that to use this in your project, you should update your package to at least version 6 of FA.

Tip: Using Chrome DevTools and you can get class name of icon was used in webpage (In this case is Font Awesome).

See more:

problems showing icons from fontawesome on my button

1 Answers1