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

You could toggle which one's shown on hover:

_HTML:

_CSS:

.lock:hover .icon-unlock,
.lock .icon-lock {
    display: none;
}
.lock:hover .icon-lock {
    display: inline;
}

Or, you could change the content of the icon-unlock class:

.lock:hover .icon-unlock:before {
    content: "\f023";
}