Icon element

The Icon element adds an icon to your form. Put a green check mark above a thank-you message, or an icon over a section heading.

You pick from 1,854 icons in the Lucide set. The Icon element works in the free version. It collects nothing from visitors, so it never shows up in submissions.

Add an icon

1. Log into your Joomla backend.
2. Go to Components → Convert Forms → Forms.
3. Open your form.
4. Click Form in the left sidebar.
5. Click the page or ending you want the icon on.
6. Click Add (+) in the left sidebar.

7. Click Icon, under Layout.

   

8. The icon appears at the bottom of the page, and its settings open in the right sidebar. New icons start as a star.

To move the icon, drag it in the Form tree.

Pick an icon

1. Click the Icon dropdown in the right sidebar.

2. Type part of the icon's name in the search box, for example circle-check.

   

3. Click the icon you want.
4. Save the form.

The search matches icon names only. Lucide renamed some icons in version 1, so smile finds nothing while face-slightly-smiling does. If a search comes up empty, look the icon up on lucide.dev and search for the name it shows there.

Icon settings

• Icon: the icon to show.
• Size: the icon's width and height, in pixels. The default is 48.
• Color: leave it empty to use the form's text color.
• Weight: how thick the icon's lines are: Thin, Light, Regular or Bold.
• Alignment: left, center or right on its row. The default is center.
• Margin Top and Margin Bottom: the space above and below the icon, in pixels.

Advanced holds the CSS classes, and Logic shows or hides the icon with Conditional Logic, the same as any other element.