Don’t have the Pro version yet? Purchase it Here
Now you can use fontawesome icons easily inside the gravity live summary. You can define this for each field by using CSS classes. Follow the below steps.
1. Add the lsfa-free class
Adding one icon to your field comes down to adding 2 CSS classes to your field. The first one should always be lsfa-free which activates the proper CSS for fontawesome
2. Choose icon on the fontawesome site
Head over to the fontawesome.com website and search the icon you want to use. You can select any of the free icons. We are only interested in the second class of the icon. As seen in the below screenshot
3. All together
On the field settings of your field, navigate to the “Live Summary” tab and enter the CSS classes into the “Custom CSS class” textbox. As seen below in the screenshot.
Result on the frontend: