Is it possible to change between two fontawesome icons on hover?

Question

I have an anchor tag with a font-awesome icon as follows

Answer 1

If you are using SCSS, you could simply do this. Much lightweight than any of the JS solutions and lighter on the DOM.

.icon-unlock:hover {
  @extend .icon-lock;
}