Comment puis-je obtenir Angular Material Icon pour afficher le contour dans mon application Angular?
J'ai actuellement
<mat-icon>info<mat-icon>
qui donne la sortie de l'icône d'information avec la couleur remplie. Cependant, je veux juste le contour de l'icône. Comment je fais ça?
L'icône que je veux, c'est https://material.io/tools/icons/?icon=info&style=outline au lieu de https://material.io/tools/icons/?icon=info&style=baseline
Vous cherchez <mat-icon>info_outline</mat-icon>.
Vous pouvez utiliser ce même modèle pour tout élément comportant une image de contour, mais n'essayez pas de l'utiliser pour des objets identiques pour les objets remplis/soulignés.
par exemple. <mat-icon>label</mat-icon><mat-icon>label_outline</mat-icon>
J'étais insatisfait que, jusqu'à ce que je sache, Google n'ait pas encore publié ses nouveaux modèles sous forme de jeu d'icônes de police ou svg. Par conséquent, j'ai mis en place un petit paquet npm pour résoudre le problème.
https://www.npmjs.com/package/ts-material-icons-svg
Importez simplement les icônes que vous souhaitez utiliser et ajoutez-les à votre base de registre. Un court tutoriel est dans le fichier Readme.
Cordialement Marco