title: Add a white background to a fontawesome icon
body: <p>I want to fill the question mark icon with a white background. As you can see in my example, there is still a small white border around the icon. How is it possible to shrink the background, that only the question mark gets filled?</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-css lang-css prettyprint-override"><code>body {
    background: lightgreen;
    font-size: 126px;
  }
  
  .fa-question-circle:before {
    background: white;
    border-radius: 100%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"&gt;
  
  &lt;i class="fas fa-question-circle"&gt;&lt;/i&gt;</code></pre>
  </div>
  </div>
  </p>