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</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;   
} 


.hover {
   color:red; 
}

JavaScript

$('.element').on('hover', function(){
    $('.element').toggleClass('hover');
});