Angular Material Progress Spinner with Image icons - (mat-spinner)

Question

I Implemented mat-spinner in my project, but it only has few configurable changes like Color, mode of spinning. I want to include Image Icon which is the Logo of a brand/Company inside the spinner, how can i achieve it ?

Below is the Stackblitz link:

https://stackblitz.com/angular/lmgppgejqxdv

It has mode and color change but how do i include any image to fit inside the progress spinner ?

Answer 1

you can access the background layer of the spinner using:

.mat-progress-spinner svg {
  background: red;
}

Note however that the svg is subject to transforms, so the background may end up being rotated as well.