リンクに設定したFontAwesomeに下線が付いてしまう

SCSS

リンクに設定したFontAwesomeの下線はdisplay:inline-block;を使用して消すことができます。

.link:before {
    display:inline-block;
    text-decoration: none;
}


参考：【CSS】FontAwesomeのリンクホバーの下線をテキストだけにする方法