You need to add the icon class along with fa, fa is basically main class Star Icon is given below. You can use this icon on the same way in your project. The goal was to create a radio button-powered star rating widget that uses CSS only. color:blue; Here we have created one example to change color of icons with css classes. If this library is added just add the class fa fa-star to any element to add the icon. If you find this website useful and want to contribute monetarily (domain renewal cost me $15 /yr) : Paypal Tired of wasting time trying to get Auto Layout constraint to work on your iOS app? Here is a screenshot from the WPF sample application show-casing using also other icon fonts like CSS-only Star Rating. You can use this icon on the same way in your project. If this library is added just add the class fa fa-star-half-o to any element to add the icon. Dependencies: font-awesome… More Options. In font awesome icons,using stacking we can combine multiple icons and display it as one icon. increase icon size using inline css. Code Dive. The package requires the package, fontspec , if run with X e T e X or Lua T e X . attached image. The value for an empty star in the Font Awesome theme is 'fa fa-star-o' but in the new version of Font Awesome (5.0.0) the empty star was renamed to 'far fa-star'. } Currently for reviews I use star rating that is displayed by css with background classes. Creating a rating control that works across browsers, looks good and can be taken advantage of by the MVC Framework requires a little CSS know-how, a couple of freely-available frameworks and some convention-following. color:teal; Fontawesome fa fa star half full Icon can be added to any web page simply as below. I am trying to change default woocommerce star raiting icon with a font-awesome icon. Using Font Awesome in an Accessible, Bindable Star Rating Control 2014-09-08. If this library is added just add the class fa fa-star-half-full to any element to add the icon. More icons. First make sure you have added fontawesome library. Font Awesome has a regular (far) and solid (fas) category of icons. In this Friday project we will build a star rating interface that takes a JavaScript object of 4K TVs with some ratings and transform it into a UI with Font Awesome star icons. And use class fa-inverse for an alternative icon color. is there any way to do this. Contribute to charri/Font-Awesome-WPF development by creating an account on GitHub. First make sure you have added fontawesome library.