Skip to content Skip to main navigation Skip to footer

Icon Element

In this article, I will be showing you how to use the Icon Element.


Icons are used to graphically illustrate or emphasize a Text or

STEP 1: Drag and Drop the icon element into a section of your choice.

STEP 2: Click on the icon to get started.

1) Click on the Start icon
2) Choose from our list of custom icons
3) Increase or reduce Icon Size
4) Create a Border or Fill the icon with color.
5) Increase Icon background Size

STEP 3: Once you have inserted your icon You can modify it from the Settings option. Here you have access to Color, Layout, Filters, Links, Responsive, Advanced Setting.

COLOR:  From the colour Panel you can Edit Icon colour, Background Color, border and shadow Color.

LAYOUT: The Layout option allows you to make changes to the icon Width, Border, Corner, Padding and Margin.

  The Links Option all you to embed a URL, POPUP or Make Your Icon section an Anchor Tag.

RESPONSIVE: Here You can decide if you want to hide or display your icon Phone, Tablet or Desktop.

ADVANCED SETTINGS: Animate your Icon using this option.


And that’s it!

If you need further assistance, kindly use the chat widget at the bottom-right corner of this page or send an email to our support desk([email protected]) for prompt assistance. Thank you!

Was This Article Helpful?


There are no comments yet

Leave a comment

Your email address will not be published. Required fields are marked *