Font awesome not loading correct icon, but some weird placeholder

hello everyone,

this is my main.js

// Font Awesome
import { library, dom } from '@fortawesome/fontawesome-svg-core';
import { faQuestionCircle } from '@fortawesome/free-regular-svg-icons';
import { faFacebook, faTwitter, faYoutube, faVimeoV, faLinkedinIn, faInstagram } from '@fortawesome/free-brands-svg-icons';
import { faLink } from '@fortawesome/free-solid-svg-icons';

// add the imported icons to the library
library.add(faQuestionCircle,faFacebook, faTwitter, faYoutube, faVimeoV, faLinkedinIn, faInstagram, faLink);
// tell FontAwesome to watch the DOM and add the SVGs when it detects icon markup;

this is my html: <i class="fas fa-facebook"></i>

this is the output…
Schermata 2021-04-11 alle 23.18.48 (an SVG with alternating ! and ?)

what’s going on?