Как добавить значки к кнопке mat-icon-button в Angular Material: несколько методов

Чтобы добавить значок к 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.