I'm unable to use font awesome icons in my LWC. I downloaded the zip folder from the font awesome website and uploaded two CSS files as static resources (all.css, fontawesome.css) and imported them into my lwc as well but still the icons aren't loading.

Static Resource:

JS Code:

import { loadStyle } from 'lightning/platformResourceLoader';

import facss from '@salesforce/resourceUrl/fontawesome'

import facssAll from '@salesforce/resourceUrl/fontawesomeAll'

HTML code:

<i class="fa-solid fa-temperature-full"></i>