要使用Angular Material图标按钮，您需要首先安装和导入Angular Material和Angular CDK。

1. 安装Angular Material和Angular CDK：

npm install @angular/material @angular/cdk

2. 在您的Angular模块中导入所需的模块：

import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';

@NgModule({
  imports: [
    MatButtonModule,
    MatIconModule
  ],
  ...
})
export class YourModule { }

3. 在您的模板中使用mat-icon-button元素：

  add

在这个示例中，我们使用了mat-icon-button元素来创建一个图标按钮，其中放置了一个mat-icon元素用于显示图标。您可以在mat-icon元素的内容中使用任何合法的Material图标名称。

您还可以为按钮添加其他属性，例如颜色、禁用状态等。以下是一个带有颜色和禁用状态的示例：

  edit

这将创建一个颜色为主题色的禁用状态按钮，并显示一个"edit"图标。

请确保在使用Angular Material组件之前正确导入和配置BrowserAnimationsModule模块，以便正确应用动画效果。

这是一个完整的示例，显示了如何在Angular中使用Angular Material图标按钮：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';

import { AppComponent } from './app.component';

@NgModule({
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatButtonModule,
    MatIconModule
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

  add

希望这个示例可以帮助您理解如何在Angular中使用Angular Material图标按钮。