angular / angular/components

Add instructions to use mat-icon with alternative Material Icons themes

Ouverte
#16,508 4 commentaires 6 réactions 0 personnes assignées Voir sur GitHub
area: material/icon area: theming docs P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### Documentation Feedback

I recently noticed there are currently no instructions in the docs explaining how to use mat-icon with the alternative Material Icons themes (outlined, rounded, two-tone and sharp).

This may be because it is not officially supported, but I happened to find a way to make it work quite simply, so I thought it could be nice to reference this method in the docs.

I had to change the Material Icons font import url to https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp

and then use mat-icon like this: `home`

This has been discussed in a feature request issue: #14853

**Affected documentation page:** https://material.angular.io/components/icon

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Start at the affected Material icon documentation page and review the existing mat-icon fontSet guidance. Add instructions for the alternative themes using the import URL and fontSet example from the issue, with any support caveat clarified; the page is done when this usage is documented.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular
Domaine
documentation
Type d'issue
Documentation
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Clairement spécifiée
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.