custom icons not aligning with social icon group

[aramourn]

The custom icons, inside the span do not line up with the rest of the group.
Also, some font awesome ver. 5 icons don't maintain the square proportions.
I'm not sure what to do to fix this.

this is my code
<div class="ssk-group"> <a href="" class="ssk ssk-facebook" data-ssk-ready="true"></a> <a href="" class="ssk ssk-twitter" data-ssk-ready="true"></a> <a href="" class="ssk ssk-google-plus" data-ssk-ready="true"></a> <a href="" class="ssk ssk-pinterest" data-ssk-ready="true"></a> <a href="" class="ssk ssk-tumblr" data-ssk-ready="true"></a> <a href="" class="ssk ssk-email" data-ssk-ready="true"></a> <a href="" class="ssk ssk-belize-hole"><span class="fas fa-coffee"></span></a> <a href="" class="ssk ssk-nephritis"><span class="fas fa-dollar-sign"></span></a> <a href="" class="ssk ssk-alizarin"><span class="fas fa-rss"></span></a> </div>

and here is an image of the output