How to use material icons as mouse cursor image

Question

I have a scenario in which i have to use a specific material icon as cursor pointer for a mat-button. I don't have any idea how to achieve this. Any help will be appreciated.

 <button mat-button>
 <button>

Answer 1

There is no way to do it using Material. You need to update the CSS by adding:

you-mat-element {
   cursor: pointer;
}

I forked the original Angular example and I made the change to have a live Demo: https://stackblitz.com/edit/angular-eynqmo