title: Make Font Awesome Icon Background Transparent
body: <p>Currently I am working on a sample solution using icons from <a href="https://fontawesome.com/how-to-use/on-the-web/setup/getting-started?using=web-fonts-with-css" rel="nofollow noreferrer">Font Awesome's CDN</a>.</p>
  
  <p>For some reason my icons are displaying with a white background. I noticed this when applying the <code>shadow</code> effect from <code>Bootstrap</code> in my <code>html</code>.</p>
  
  <p><a href="https://i.stack.imgur.com/q3v2q.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q3v2q.png" alt="enter image description here"></a></p>
  
  <p>Really what I would like to see here is simply the fingerprint icon foreground and a transparent background.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="row text-center"&gt;
      &lt;div class="col "&gt;
          &lt;div&gt;
                &lt;span&gt;
                    &lt;i class="fas fa-fingerprint fa-5x shadow "&gt;&lt;/i&gt;
                &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>