How To Use Font Awesome Icons with Avada

04/08/2020

Font Awesome is the world’s most popular and easiest to use icon set. We have integrated it into Avada, so you can add any of the 1,598 Free Font Awesome Icons to your content. The full set of styling options available allows you to choose any icon size, weight, color, background, rotation, and more. And every icon is 100% full vector, so they look incredibly sharp and are retina-ready!

As well as all the free icons, there is also Font Awesome Pro Integration in Avada, giving you access to 7,000+ Font Awesome Icons through the Fusion Builder.

IMPORTANT NOTE: Font Awesome Pro requires an annual subscription. Please check their site for detailed information & pricing.
For privacy reasons YouTube needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept

How To Use Font Awesome Icons with Avada

Before using Font Awesome Icons in the Builder, it’s best to start in the Theme Options, as there are several options that affect how Font Awesome Icons are displayed in the Builder.

  • Font Awesome – Here, you can choose which subsets you want to load. If you have a Font Awesome Pro license, and you can connected it, you can also choose the Light subset, but otherwise you can display the Brands, Regular and the Solid subsets.

  • Font Awesome v4 Compatibility – Turn this on to enable support for Font Awesome 4 icon code format. You’ll generally only need to enable this is you have hard coded icons in your markup, for example:

    Copy to Clipboard
  • Font Awesome Pro – Turn this on to connect your Font Awesome Pro license. You will need to whitelist your domain as well.

Font Awesome Icon Options

Accessing Font Awesome Icons in Fusion Builder

Once you’re set up in the options, you can add Font Awesome Icons in any of the Elements that support icons. If you want to add an icon on its own, use the new Icon Element. But icons can also be used in several other elements, including the Alert, Button, Checklist, and Content Boxes Element, to name just a few. In short, anywhere you find the Icon Picker, you will be able to use the Font Awesome Icons in your content.

Icon Picker