title: Why do I have blank squares for some icons when using font awesome?
body: <p><strong>As you can see in my fiddle, some of the icons from font awesome are not working. Why?</strong></p>
  
  <p><a href="https://jsfiddle.net/aq9Laaew/80841/" rel="nofollow noreferrer">https://jsfiddle.net/aq9Laaew/80841/</a></p>
  
  <pre><code>&lt;div class="col-md-1 d-flex flex-column justify-content-center align-items-center"&gt;
    &lt;i class="fa fa-searchengin"&gt;&lt;/i&gt;
    &lt;span&gt;SEO&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="col-md-1 d-flex flex-column justify-content-center align-items-center"&gt;
    &lt;i class="fa fa-facebook-square"&gt;&lt;/i&gt;
    &lt;span&gt;Social&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>