The Icon widget is useful for displaying FontAwesome icons in numerous styles on your page.
There are 3 different views for the widget: Default, Stacked, and Framed.If Default view is chosen, the following options are available:
Content
Icon: Choose from a list of Font Awesome iconsView: Choose between default, stacked or framedLink: Enter the URL for the item』s link. Click the Link Options cog to either add rel=nofollow to the link or to open the link in a new window.Alignment: Align the icon to left, center or right.
Style
Icon
Normal
Primary: Choose the main and secondary colors for the iconSize: Increase or decrease the size of the iconRotate: Rotate the icon
Hover
Primary Color: Set colors for the hoverHover Animation: Set any animation for the hover stateSize: Set the exact size of the iconRotate: Rotate the icon up to 360 degrees
If Stacked or Framed view is chosen, the following options are available:
Content
Icon: Choose from a list of Font Awesome iconsView: Choose between default, stacked or framedShape: Choose the shape of the stack or frame, either Circle or SquareLink: Enter the URL for the item』s link. Click the Link Options cog to either add rel=nofollow to the link or to open the link in a new window.Alignment: Align the icon to left, center or right.
Style
Icon
Normal
Primary Color: Choose the primary color (the background or frame) color for the iconSecondary Color: Choose the secondary color, which is the color of the icon itselfPadding: Set the padding around the icon to control the size of the stack or frameSize: Set the size of the icon.Rotate: Rotate the icon up to 360 degreesBorder Radius: Set the border radius to control the corner roundness of the stack or frame
Hover
Primary Color: Choose the primary color (the background or frame) color for the iconSecondary Color: Choose the secondary color, which is the color of the icon itselfHover Animation: Choose an animation effect when hovering over the icon, such as Grow, Pulse, Skew, etc.Padding: Set the padding around the icon to control the size of the stack or frameSize: Set the size of the icon.Rotate: Rotate the icon up to 360 degreesBorder Radius: Set the border radius to control the corner roundness of the stack or frame