Zion Builder

Appearance

Return to top
On this page

Icon

Icon element

General info

The icon element allows you to add icons to your pages. With Zion Builder style options you can spice up your page by styling and animating the icons.

General options

  1. Icon - Select the desired icon you want to display. Read more about icons here
  2. Link - Set the link that will be applied to the icon.
  3. Align responsive option - Set the desired icon horizontal alignment inside the container.
  4. Style - Set the desired icon horizontal alignment inside the container. Icon styles
  5. Icon styles - Collection of useful style options for the icon:
    1. Pseudo selector - Select what type of style you want to apply. You can choose between normal or hover styles
    2. Icon color - Select the desired icon color
    3. Icon size responsive option - Select the desired icon size
    4. Space around icon responsive option - Select the desired space to apply around the icon
    5. Icon rotate - This option allows you to rotate the icon

Style options

TIP

Zion Builder elements allows you to style almost every part of an element. All style options follow the same options structure. You can find more info about style options here

  1. Wrapper - Will style the wrapper of the element.
  2. Icon styles - Will style the actual icon

Advanced options

TIP

All the options inside the advanced options tab are the same for all elements. You can find more info about advanced options here