Icon Element is one of the most frequently used element in any page builder. It is used either for highlighting any content or managing items on a web page. Let’s go through the different options that we have for the element.
Here in the General tab we have three different sub tabs: Basic, Icon Styling & Icon Background.
In Basic we have the following options:
- Icon- Choose the icon from the icon library. You can easily search the name of the icon in the search bar. In total you have over 2200+ icons from 3 different icon libraries.
- Link- Add link to the icon for redirecting users to a different URL. Enable or disable if you want the link to open in a new window, and enable or disable if you want to add no-follow or not.
- Alignment- Set the alignment of the icon to Left, Center or Right.
- Icon Size- Set the size of icon in pixels by sliding its value. Its default value is 16 px.
- Icon Rotate- Align the icon at different angles by sliding the values.
- Hover Animation- Set the animation for icon on hover.
In Icon Styling we have the following options:
- Icon Color- Set the color of the icon.
- Icon Background Color- Set the background color of the icon.
- Icon Border Color- Set the border color of the icon only.
- Icon Gradient Color- Set the gradient colors of the icon.
- Icon Hover Color- Set the color of the icon on hover.
- Icon Background Hover Color- Set the background color of the icon on hover.
- Icon Border Hover Color- Set the border color of the icon on hover.
- Icon Gradient Hover Color- Set the gradient color of the icon on hover.
- Icon Padding- Set the icon spacing as per your preference.
For Icon Background we have these options:
- Icon Shape- Choose the background shape of the icon from Rounded, Circle or Square.
- Icon Border Type- Select the border for the icon among None, Solid, Double, Dotted or Dashed. By default its set to None.
- Border Weight- After choosing the border type set the weight/depth of the border.
- Icon Shadow- Add shadow to the icon element by clicking on the editor icon.