angular / angular/components

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

Abierto
#16,508 4 comentarios 6 reacciones 0 asignados Ver en GitHub
area: material/icon area: theming docs P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

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.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular
Área
documentation
Tipo de issue
Documentación
Dificultad
2/5
Tiempo estimado
1-3 horas
Estado de actividad
Estancado
Claridad
Bien especificado
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.