mat-iconでremove_red_eye outline の出し方

1935 ワード
material-ui angularMaterial Angular Angular テキストリンク

remove_red_eyeさんの白目の出し方がわからず苦戦しました。

👆こいつです。

ダメなやり方

<mat-icon>remove_red_eye_outline</mat-icon>

このやり方だと出ないみたいです。infoとかは出るんですけどねえ。
他のxxx_outlineで、表示されないやつは同じノリでいけるかもしれません。

出し方

index.html
- <link
-  href="https://fonts.googleapis.com/icon?family=Material+Icons"
-  rel="stylesheet"
- /> 
+ <link
+  href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined"
+  rel="stylesheet"
+ />

<mat-icon fontSet="material-icons-outlined">remove_red_eye</mat-icon>

参考

https://material.io/resources/icons/?icon=remove_red_eye&style=outline
https://github.com/angular/components/issues/11544