fonts awesome! v. 4.4

font-awesome (updated to Version 4.4)

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<p class="element text">Text</p> 

<p class="element icon"></p>

CSS

ul { padding-left:20px; list-style:none; }
li { margin-bottom:10px; }


.icon:before {
     font-family: 'FontAwesome';
    content:"\f081";
    padding:0 5px 0 15px;   
} 


.hover1 {
   color:red; 
}
.hover2 {
   color:green; 
}

JavaScript

$('.element').on('hover', function(){
    $('.text').toggleClass('hover1');
    $('.icon').toggleClass('hover2');
});