Vertically align Angular Material icons inside Buttons

There are lots of problems with vertical alignment of iconfonts within a <button> when using Angular material buttons. The way I solve this is to utilize the inline attribute. This will cause the icon to correctly scale with the size of the button. <button mat-button> <mat-icon inline=true>local_movies</mat-icon> Movies </button> <!-- Link button --> <a mat-flat-button …

Continue reading Vertically align Angular Material icons inside Buttons

Advertisements