Icon Element

The Icon Element will allow you to add FontAwesome icons on your site with ease and flexibility. Style and design the icons with the options available. 

Content Tab 

Icon

1. Choose an icon from the library. The list will include various FontAwesome that you can choose from. And ultimately you can add SVG icons 
2. View - There are three view styles for this element, it can be Default, Stacked, or Framed. Each with their own configuring set of options 
3. Shape - If either Stacked of Frame view is selected then you can set the shape of the icon to either be circle or square 
4. Link - Enter the URL to link the icon 
5. Alignment - Set the alignment for the icon to either be positioned Left, Center or Right 

Style Tab

Icon

If you choose Default view, you will be presented with the following options available

You can choose from Normal or Hover state

1. Primary Color - Set the primary color for the icon
2. Hover Animation - This option appears only when you select the Hover state. Set an animation for when the user hovers over the icon. Choose from the various options in the dropdown menu
3. Size - Set the size for the icon
4. Rotate - Drag the handle to rotate the icon and set the desired position 

If you choose either Stacked or Framed view, you will be presented with the following options available 

You can choose from Normal or Hover state 

1. Primary Color - Set the primary color for the icon
2. Secondary Color - Set the secondary color for the icon 
3. Hover Animation - This option appears only when you select the Hover state. Set an animation for when the user hovers over the icon. Choose from the various options in the dropdown menu
4. Size - Set the size for the icon 
5. Padding - Set the padding value for the icon 
6. Rotate - Drag the handle to rotate the icon and set the desired position 
7. Border Width - Set the border width for the icon 
8. Border Radius - Set the border-radius for the icon