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