1

How do you apply a mouse pointer / hover on a fa-icon?

I have the following Excel Icon - how can apply a mouse pointer when hovering over the icon?

I have tried the following. But does not work.

<fa-icon aria-hidden="true" class="ng-fa-icon file excel **fa-hand-pointer**" ng-reflect-ng-class="file-excel' ng-reflect-icon-prop="far, file excel">
 <svg  aria-hidden data-icon="file-excel....
Jon
  • 1,608
  • 7
  • 25
  • 38

1 Answers1

2
.fa-hand-pointer {
  /* Set the desired styles for the icon */
  cursor: pointer; /* Set the mouse pointer to a hand icon */
}

.fa-hand-pointer:hover {
  /* Set the desired styles for the hover effect */
  color: #f00;
}
Haritha Whd
  • 21
  • 2
  • I have to add a – Jon Jun 15 '23 at 16:39