Как изменить иконку при клике на неё?

Question

[RuSegment]

Доброго времени суток.

Столкнулся со следующей проблемой:
Есть готовая страница на сайте. Добавил туда функцию "копирования" некоторых данных (добавил иконки от fontawesome, при клике на которые происходит копирование).
Хочу сделать небольшую анимацию:
1. При клике на иконку, она меняется на другую иконку (пустое сердце превращается в полноценное + меняется цвет).
2. При клике на следующую иконку, прошлая меняется назад (вновь становится пустым сердечком)

Как это выглядит сейчас:


Ссылка на код:
https://codepen.io/RuSegment/pen/pogQWvb

Вместо класса fa-heart-o использовал "content: "\f08a";".

Comments

[Lord_Dantes]

Скорей всего вам нужна иконка SVG с пустым телом и при клике её закрашивать, это если нормально. Если ненормально то менять иконку.

Answer 1

[Jacket]

Хотят тут многое зависит от нужной анимации