ブランドヘッダーに Facebook アイコンを使用する

こんにちは、ここがどこがおかしいのかわからなくて困っています:

FB アイコンは正しく入力しているつもりですが、

ヘッダーでは表示されていません:

ヘッダーのアイコンをクリックすると正しい FB ページに移動しますが、アイコン自体が見えていません。

何か心当たりはありますか?

思考:黒い背景の上に、透明な周囲を持つ黒いアイコンはいかがでしょうか?

このコンポーネント内のアイコンの色値を $tertiary に変更しました。これにより、各テーマに合わせて表示されるようになりました。

Instagram アイコンは問題ありませんし、Facebook アイコンのリンクも正常に機能していますが、表示されていません。

うーん、それでもまだそこにあるはずです。開発者ツールで確認しましたか?ついでに、アイコンの色が正しく適用されているかもチェックしてみてください。もしかすると、FB アイコンが何らかの形で上書きされているかもしれません。

コミュニティサイトのリンクを共有していただけますか?

Facebookのアイコン設定が少し異なっています:

facebook-f,https://www.facebook.com/GlobalNamati

「facebook」および「facebook-f」アイコンの場合、「custom font awesome icons」設定に「facebook-f」を追加してください。

なんと、見事に機能しました!@vinothkannans さん、本当にありがとうございます。これでずっと悩んでいました。