Revision history [back]

The size of a mat-icon-button can be modified by using CSS. The following example demonstrates how to increase the size of a mat-icon-button to 48px:

.mat-icon-button {
  width: 48px;
  height: 48px;
}

Alternatively, you can use the "size" attribute provided by mat-icon-button. The following example demonstrates how to increase the size of a mat-icon-button to 48px:

<mat-icon-button size="large">
  <mat-icon>add</mat-icon>
</mat-icon-button>

You can use any of the available size options: "large", "medium", and "small".