Icon Widgets

Select from a library of more than 1000 ready-made icons, or upload your own SVG file. You can change icon color, hover, background, border and more. Use icons to emphasize your text and balance the layout of your site.


SVG files can be resized without losing resolution.

To add the widget:

  1. In the left panel, click Widgets.
  2. Click and drag the widget into your site.

To learn more about adding widgets to your site, see Add Widgets.

Content Editor

To access the content editor, right-click the widget, and click Edit Content.

  1. Click Choose Icon to select a ready-made icon, or click Upload SVG File.
  2. To link the icon, click Link Icon, and select the page you want to link the icon to.
  3. Type Alt text for the icon. Alt text enables search engines to recognize image content. Use text that clearly describes the image.
  4. Type a Tooltip for the icon. The tooltip text displays when a user hovers over the image.

Design Editor

To access the design editor, right-click the widget, and click Edit Design.

For information about design options that are not specific to this widget (for example, layout, style, or spacing), see Widget Design.

In the Design Editor, you can make changes to the layout of your icon, adjust the icon size and color, and make changes to the spacing of the widget.

Was this article helpful?
0 out of 1 found this helpful

Feedback on this article


  • Mel Laytner

    Are Icon widgets universal across the site, or can they be made page-specific, like an icon widget directing viewer back to the top of page?

    Comment actions Permalink
  • kia

    Mel Laytner, you can customize the icon widget to be page-specific!

    Comment actions Permalink

Please sign in to leave a comment.


Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!