Angular Material + Font Awesome使い方メモ

Angular Material
と
Font Awesome
を組み合わせたときの使い方メモです。

いつものように、CDNからCSSを読みこみます。

index.html

<link rel="stylesheet"
 href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
 integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
 crossorigin="anonymous">

コンポーネントHTMLにはこのように書きます。

<mat-icon fontSet="fa" fontIcon="fa-address-book"></mat-icon>

アイコンの名前はチートシートから参照します。
Font Awesomeチートシート