angular / angular/components

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

Offen
#16,508 4 Kommentare 6 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: material/icon area: theming docs P3
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

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.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular
Bereich
documentation
Issue-Typ
Dokumentation
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.