Font Awesome 5 Released! Also note that if you change the font-size or color of the icon's container, the icon changes.

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Here is a solution that works with simple CSS and standard font awesome syntax, no need for unicode values, etc. You place Font Awesome icons by using the prefix fa and the icon's name. Step 2: Now you need to add the copied unicode to the html of your submit button. Font Awesome is designed to be used with inline elements. You asked, Font Awesome delivers with 41 shiny new icons in version 4.7. Step 1: Every icon for Font Awesome has a unicode version. I am having a problem getting the icon to appear directly after a list item in a ul using font awesome and :after. The and elements are widely used for icons. More Icons Get 1535 icons right now with FA Free, plus another 7020 icons with Pro, which also gets you another 53 icon category packs as we finish them! Want to request new icons? In Formidable Pro, however, their forms use input tags for buttons. Not sure what you’re talking about.Thanks for your feedback! 4- Select the SVG of font-awesome located in your extracted zip inside fonts. Ligatures for easier desktop use, shim for quick upgrades from 4, and more styles, icons, and tools with FA Pro. If you save and take a look at your button, you will see some other strange character”Formidable Pro forms don’t have any options to see the submit button or to add the unicode to it. Create an tag followed by a standard tag with the icon you need. The li with the active class should have the icon after it but when another ul is added in before closing the list item, it's puts the icon after the entire secondary list. More icons.