title: Font Awesome 5 fa-github, fa-twitter, etc. not working (squares)
body: <p>I have a website, setup with webpack. I added Font Awesome Pro and configured the global token for it. So the Pro Icons are working.</p>
  
  <p>But some doesn't,  like <code>fa-github</code> or <code>fa-twitter</code>. And these are actually even free icons. A few days ago they worked.</p>
  
  <p>Here's my code how I set everything up:</p>
  
  <p>Package.json:</p>
  
  <pre><code>"dependencies": {
      "@fortawesome/fontawesome": "^1.1.5",
      "@fortawesome/fontawesome-free-brands": "^5.0.9",
      "@fortawesome/fontawesome-pro-light": "^5.0.9",
      "@fortawesome/fontawesome-pro-regular": "^5.0.9",
      "@fortawesome/fontawesome-pro-solid": "^5.0.9",
      "@fortawesome/fontawesome-pro-webfonts": "^1.0.5",
  }
  </code></pre>
  
  <p>main.scss:</p>
  
  <pre><code>$fa-font-path: "~@fortawesome/fontawesome-pro-webfonts/webfonts";
  @import '~@fortawesome/fontawesome-pro-webfonts/scss/fontawesome.scss';
  @import '~@fortawesome/fontawesome-pro-webfonts/scss/fa-light.scss';
  </code></pre>
  
  <p>webpack:</p>
  
  <pre><code>resolve: {
      alias: {
        '@fortawesome/fontawesome-pro-solid$': '@fortawesome/fontawesome-pro-solid/shakable.es.js',
        '@fortawesome/fontawesome-pro-regular$': '@fortawesome/fontawesome-pro-regular/shakable.es.js',
        '@fortawesome/fontawesome-pro-light': '@fortawesome/fontawesome-pro-light/shakable.es.js'
      }
    },
  
  
  &lt;i class="fal fa-check"&gt;&lt;/i&gt; // Does work
  &lt;i class="fal fa-github"&gt;&lt;/i&gt; // Does not work
  &lt;i class="fal fa-twitter"&gt;&lt;/i&gt; // Does not work
  </code></pre>
  
  <p>What am I missing? Do I have to import another CSS file for these? I didn't find any.</p>
  
  <p>Edit: Added photo of folder structure:</p>
  
  <p><a href="https://i.stack.imgur.com/2RLSR.png" rel="noreferrer"><img src="https://i.stack.imgur.com/2RLSR.png" alt="enter image description here"></a></p>