AllDesignWidgetsIcon Widget

Icon Widget

Add standalone icons with optional links and hover effects.

Use the Icon widget for visual accents, feature lists, or social links.

Add an Icon widget

1

Open the widget picker

In the page editor, open Widgets.

2

Drag Icon

In Common, drag Icon (icon icon) onto the page.

3

Open Icon Settings

Click the widget and choose Icon Settings.

Icon Settings

  • Select Icon: click the picker to choose an icon.
  • Icon Color
  • Icon Size
  • Alignment
  • Circle Background: toggle on, then set Padding and Circle Color.
  • Link Address: connect the icon to a page, popup, file, or external URL.
  • Hover Color and Transition (Fade, Scale, Bump, Rotate, Skew) appear after you add a link.

Toolbar actions

  • Icon Settings
  • Alignment
  • Animation
  • Position
  • Copy
  • Delete
Updated Jan 7, 2026

Was this helpful?