angular / angular/components

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

Aperta
#16,508 4 commenti 6 reazioni 0 assegnatari Vedi su GitHub
area: material/icon area: theming docs P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

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.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular
Ambito
documentation
Tipo di issue
Documentazione
Difficoltà
2/5
Tempo stimato
1-3 ore
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
45/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.