I am trying to apply a discord logo i founded on forkawesome (<https://forkaweso.me/Fork-Awesome/icon/discord/>) 

I get a annoying issue with my code because i am trying to put the discord logo in a button but everytime the background change but not with the one of the button :

![image](https://i.imgur.com/SmdchWC.png) 

(i abused the size of the icon for showing what the exact issue is)

I also tried to use images instead at first with a .jpg but when i hover over the button the you can see the white background of the image

```html
      <div class="form-group">
        <label for="pwd">Password:</label>
        <input type="password" class="form-control" id="pwd" name="password" required>
      </div>
      <button type="submit" name="submit" class="btn btn-default">Login</button>
      <a href="scripts/discordLogin.php" class="btn btn-default">Discord Login <span class="fa fa-discord fa-5x" aria-hidden="true" ></span></a>
    </form>
  </div>

```

If it would be possible to simply have the logo changing with the button color it would be awesome !

(jsfiddle as asked in the comments <https://jsfiddle.net/9fmrwyje/> )