# Font awesome not loading correct icon, but some weird placeholder

**URL:** https://discourse.roots.io/t/font-awesome-not-loading-correct-icon-but-some-weird-placeholder/20581
**Category:** sage
**Tags:** bootstrap4, webpack
**Created:** 2021-04-11T21:19:35Z
**Posts:** 1

## Post 1 by @matteo_maria_ambrogi — 2021-04-11T21:19:35Z

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
dom.watch();
```

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

this is the output…  
 ![Schermata 2021-04-11 alle 23.18.48](https://discourse.roots.io/uploads/default/original/2X/0/0144834d1a75e70238ef6296f6e96c08fa61e0f7.png) (an SVG with alternating ! and ?)

what’s going on?

ty