title: How to remove underline from font awesome icon
body: <p>Im using a font awesome icon in my react app but for some reason it isnt displayed correctly</p>
  <p>Here is my code:</p>
  <pre><code>const Header = () =&gt; {
    return (
      &lt;div&gt;
      &lt;div class=&quot;top float-right&quot; &gt;
       &lt;a href=&quot;https://t.me/memecoins&quot;&gt;
        &lt;i class=&quot;fab fa-telegram fa-2x&quot; &gt;&lt;/i&gt;&lt;/a&gt;
        &lt;/div&gt;
        &lt;a href=&quot;../&quot;&gt;&lt;img className=&quot;logo float-left &quot; src={logo} alt=&quot;Logo&quot;/&gt;&lt;/a&gt;
        &lt;/div&gt;
  </code></pre>
  <p>and thats css</p>
  <pre><code>.fab{
    background-color:#263238;
  
  }
  </code></pre>
  <p>and my font awesome icon looks on my screen like this:
  <a href="https://i.stack.imgur.com/V0oMl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V0oMl.png" alt="enter image description here" /></a></p>
  <p>When i have the font-awesome icon on 3x and larger i dont see this underline, its not there anymore it only shows at small icon size</p>
  <p>I fixed the code to this:</p>
  <pre><code>const Header = () =&gt; {
    return (
      &lt;div&gt;
       &lt;a href=&quot;https://t.me/memecoins&quot; rel=&quot;noopener noreferrer&quot; target=&quot;_blank&quot;&gt;
        &lt;i class=&quot;fab fa-telegram fa-3x float-right&quot; &gt;&lt;/i&gt;&lt;/a&gt;
        &lt;a href=&quot;../&quot;&gt;&lt;img className=&quot;logo float-left &quot; src={logo} alt=&quot;Logo&quot;/&gt;&lt;/a&gt;
        &lt;h1 className=&quot;text-center text-warning mt-3 mb-4&quot;&gt;MEMECO.IN&lt;/h1&gt;
        &lt;h5 className=&quot;text-center text-success mb-4&quot;&gt;
          &lt;a href=&quot;https://boards.4channel.org/biz/catalog&quot; target=&quot;_blank&quot; rel=&quot;noopener noreferrer&quot; &gt;/biz/ &lt;/a&gt;
        Coin Tracker&lt;/h5&gt;
      &lt;/div&gt;
    );
  };
  </code></pre>
  <p>removing the div did the trick</p>