как прикрутить к сайту иконки?

есть иконочный шрифт awesome, есть скрипт, который должен вызываться посредством нажатия на кнопку(пусть это будет отправка данных о пользователе).
нужно, что бы при наведении на иконку ее цвет менялся как это сделать

я так понимаю, что можно в тег a или button засунуть иконку, но как это делается?

(сами иконки пока что реализованы так. как сделать их с помощью шрифта я не разобрался. скрипта пока тож нет)

.user-btns-container {
  display: flex;
  justify-content: space-between;
  width: 15%;
}
.user-btns-container .user-btn {
  background: no-repeat;
  width: 41px;
  height: 41px;
}