title: How to change the thickness of a circle with css?
body: <p>I have the following design made with html and css, as you will see the circle looks somewhat thick, its outline.</p>
  
  <p><a href="https://i.stack.imgur.com/K6Wqs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K6Wqs.png" alt="enter image description here"></a></p>
  
  <p>This design is made as follows:</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>    .fa-stack-1x, .fa-stack-2x {
          bottom: 0;
          left: 0;
          margin: auto;
          position: absolute;
          right: 0;
          top: 0;
      }
  
      .fa-stack-2x {
          font-size: 2em;
      }
  
      .size-icon-about {
          font-size: 0.8em;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="col-md-2 mb-r wow fadeInUp" data-wow-delay=".3s"&gt;
          &lt;span class="fa-stack fa-3x"&gt;
           &lt;i class="fa fa-circle-thin fa-stack-2x icon-blue"&gt;&lt;/i&gt;
           &lt;i class="fa fa-briefcase size-icon-about icon-blue"&gt;&lt;/i&gt;
          &lt;/span&gt;
          &lt;h3 class="text-body-about mt-3"&gt;Subtitle&lt;/h3&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm basically using the following fontawesome icon: <a href="https://fontawesome.com/v4.7.0/icon/circle-thin" rel="nofollow noreferrer">https://fontawesome.com/v4.7.0/icon/circle-thin</a></p>
  
  <p>I want it to look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/cPEGJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cPEGJ.png" alt="enter image description here"></a></p>