Чтобы добавить значок к mat-icon-button
в Angular Material, вы можете использовать следующие методы:
Метод 1. Использование директивы mat-icon
в теге кнопки:
<button mat-icon-button>
<mat-icon>icon_name</mat-icon>
</button>
Метод 2: использование mat-icon-button
с mat-icon
в качестве дочернего элемента:
<mat-icon-button>
<mat-icon>icon_name</mat-icon>
</mat-icon-button>
Метод 3: использование mat-icon-button
с атрибутом mat-icon
:
<mat-icon-button mat-icon-button>
icon_name
</mat-icon-button>
Метод 4: использование mat-icon-button
со значком SVG:
<mat-icon-button>
<mat-icon svgIcon="icon_name"></mat-icon>
</mat-icon-button>
Во всех этих методах замените icon_name
именем нужного значка из библиотеки значков Material Design.