How to make the icon's active state (border-bottom: 5px solid red) transition to another icon when clicked on?

Question

I\'m having trouble with the active state for each of the icons. What\'s supposed to happen is that; when the icon is clicked there should be a red line that appears (border