Mat Icon Button With Text. Let’s say you have a custom icon, unicorn_icon.svg placed in the assets folder of your project. But most of the time what we see is:
It can either be used as icon only an icon. For example, as in the case below, we can hide a text using the icon, and even then it will be readable by screen readers. In the second example, i believe there is redundant information.
In this angular material tutorial, you will learn different components like toolbar, menu, cards, buttons, icons, progress spinner, progress bar, snackbar, etc and how to implement them.
The horizontal alignment is relative to the area inside the borders of the button. Horizontal alignment of the icon and text, specified as 'center', 'left', or 'right'. The horizontal alignment is relative to the area inside the borders of the button. There are lots of problems with vertical alignment of iconfonts within a when using angular material buttons.
