Estate atento ya que en este post vas a hallar el hallazgo que buscas.
Solución:
Solo agrega el mat-button o mat-raised-button. Vea el ejemplo a continuación. Tenga en cuenta que estoy usando el ícono de material en lugar de su svg para fines de demostración:
O
Aquí hay un enlace a demostración de stackblitz.
Todo lo que necesita hacer es agregar el tapete-icono-boton directiva al elemento de botón en su plantilla. Dentro del elemento del botón, especifique el icono deseado con un tapete-icono componente.
Tendrás que importar MatButtonModule y MatIconModule en el archivo del módulo de su aplicación.
Desde la página de ejemplo de botones de material angular, presione el botón de código de vista y verá varios ejemplos que usan la fuente de los iconos de material, por ejemplo.
En su caso, utilice
thumb_up
Según la guía de inicio en https://material.angular.io/guide/getting-started, deberá cargar la fuente del ícono de material en su index.html.
O impórtelo en su archivo global styles.scss.
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
Como menciona, cualquier fuente de icono se puede usar con el componente mat-icon.
Añadir a app.module.ts
importar MatIconModule desde ‘@angular/material/icon’;
& enlace en su index.html global.
Si sostienes alguna vacilación o forma de modernizar nuestro ensayo te recomendamos ejecutar una aclaración y con placer lo analizaremos.