Icon
Getting Started
You can add icons to your website using the icon element for various purposes. This article will cover how you can add the element to your website and customize it according to your preferences. Follow the instructions accordingly.
Adding the Icon element
Follow the steps below to add an Icon element to your site.
- Click on Add Element in an empty row and section
- From the General Elements section, select Icon
Refer to the GIF below:



Editing the Icon element
Follow the steps and instructions below to add and edit an Icon element on your site.
The Icon element editor has the following options:
- Icon
- Icon Background
- Link Icon
- Inline Icon
The Icon element editor**:**

Icon
This option lets you pick the icon from various packs, from editing the icon color to setting the icon size, alignment, etc.
Refer to the GIF below to see the demonstration:

Icon Background
This option lets you add a background color or gradient to your icon.
Refer to the GIF below to see the demonstration:

Link Icon
This option lets you add a link to your icon, so it redirects a user to an external link, page, section, etc.
Refer to the GIF below to see the demonstration:

Inline Icon
This lets you adjust the inline of the icon element
Refer to the GIF below to see the demonstration:

Related articles
Icon with Text
Custom CSS
Updated on: 01/03/2023
Thank you!