Hello, I'd like to render icons in a mdb-card-footer. If I use "sun" or "clock" icons, it works, but if I use others Fontawsome icons, I only get a code in a square, instead of the icon.

In my main.js, I have the following line :

import "@fortawesome/fontawesome-free/css/all.min.css";

Here is my component code :

<mdb-card-footer
  color="danger-color"
  class="lighten-3 p-0 text-center">
  <ul class="list-unstyled list-inline font-small mt-3">
     <li class="list-inline-item pr-2 white-text">
        <mdb-icon far icon="clock" class="pr-1" />{{ this.TimeValue }}
     </li>
     <li class="list-inline-item pr-2">
        <a href="#" class="white-text">
           <mdb-icon far icon="thermometer-full" class="pr-1" />Alert level</a>
     </li>
  </ul>

and of course I have

import { mdbIcon, mdbCardFooter } from "mdbvue";

The clock icon is rendering well, but not the "thermometer-full".

Do I miss something ? Thanks