How do you put an image inside of an Angular2 Material fab button?

You can use:

mat-icon-button Circular button with a transparent background, meant to contain an icon

<button (click)="onEditBtnClick(row)" mat-icon-button color="accent"> 
    <mat-icon>create</mat-icon>
</button>

"create" is an icon from https://material.io/icons/ https://material.angular.io/components/component/button


You can use button md-fab with some additional styling.

<button md-fab class="image" 
  [style.backgroundImage]="'url(' + YOUR_IMAGE_URL + ')'">
</button>

and add:

button {
  &.image {
   background-color: transparent;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
  }
}