mat-iconをSVGグラフィックに置き換える
Angularの初心者はここにいます。既存のマテリアルアイコンをカスタムアイコンに、より正確にはSVGグラフィックにどのように置き換えることができるでしょうか。このようなもの：
したがって、この：
<mat-icon class="mat-icon-rtl-mirror">
{{nestedTreeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
</mat-icon>
これとともに：
<mat-icon class="mat-icon-rtl-mirror">
{{nestedTreeControl.isExpanded(node) ? 'INSERT_SVG_1_HERE' : 'INSERT_SVG_2_HERE'}}
</mat-icon>
angular-svg-iconを使用できます
Angular-svg-iconはAngular 7のサービスおよびコンポーネントであり、CSSおよびコードで簡単にスタイルを設定できるようにSVGファイルをインライン化する手段を提供します。
このサービスは、そのURLで索引付けされたSVGをロードしてキャッシュするアイコンレジスターを提供します。コンポーネントは、SVGの表示を担当します。レジストリからsvgを取得した後、SVGElementとSVGをコンポーネントの内部HTMLに複製します。