title: Font awesome icon showing circle with question mark
body: <p>I bought template for website that included font awesome icons, but I needed fa fa-bone witch was not included so i searched web and found here <a href="https://fontawesome.com/icons/bone?style=solid" rel="nofollow noreferrer">https://fontawesome.com/icons/bone?style=solid</a> .
  I used it like every time before pasting link in <code>&lt;head&gt;</code> and putting it in <code>&lt;i class="fas fa-bone"&gt;&lt;/i&gt;</code> but it is showing circle with question mark.</p>
  
  <p>Can it be because i already have another font awesome library ?
  <strong>head section</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/solid.css" integrity="sha384-rdyFrfAIC05c5ph7BKz3l5NG5yEottvO/DQ0dCrwD8gzeQDjYBHNr1ucUpQuljos"crossorigin="anonymous"&gt;
  
      &lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/fontawesome.css" integrity="sha384u5J7JghGz0qUrmEsWzBQkfvc8nK3fUT7DCaQzNQ+q4oEXhGSx+P2OqjWsfIRB8QT" crossorigin="anonymous"&gt;
  
  
  
  &lt;div class="col-sm-12 col-md-6 col-lg-3"&gt;
    &lt;div class="funfact-item"&gt;
     &lt;i class="fas fa-bone"&gt;&lt;/i&gt;
    &lt;h2&gt;&lt;span class="counter"&gt;200+&lt;/span&gt;&lt;/h2&gt;
    &lt;p&gt;Bones eaten&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>