Change color when hover a font awesome icon?
if you want to change only the colour of the flag on hover use this:
http://jsfiddle.net/uvamhedx/
.fa-flag:hover {
color: red;
}<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<i class="fa fa-flag fa-3x"></i>use - !important - to override default black
.fa-heart:hover{
color:red !important;
}
.fa-heart-o:hover{
color:red !important;
}<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<i class="fa fa-heart fa-2x"></i>
<i class="fa fa-heart-o fa-2x"></i>