FontAwesomeのアイコンが表示されない(heightとwidth分の大きさは反映されている)

Question

#解決したいこと
タイトル通りですが、画像を見ていただけた方がわかりやすいと思います。
https://fontawesome.com/icons/home?style=solid
こちらのアイコンをHOMEという文字の上に表示させたいのですが
https://gyazo.com/52480dd77d6ee2c38799bab1f1c7675d
こんな感じになってしまいます。

#該当部分のhamlの記述です。
```
%li.menu-item-home
= link_to home_index_path, class: "header-home" do
%i.fas.fa-home.header-icon
HOME

#該当部分のscssの記述です。

.menu-item-home {
height: 100%;
.header-home {
margin-right: 20px;
text-decoration: none;
color: white;
}
}
.header-icon {
display: block;
color: white;
width: 20px;
height: 20px;
}

Answer 1

application.scssにfontawesomeの記述をしていませんでした。解決しました。