Choose 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. 

Add the Icon widget to your responsive website. To learn more about adding widgets to your website, see Adding Widgets. 

Once the widget has been placed, the Content Editor opens.  

From here, you can select which icon you want to use as well as add a link, alt text, and a tooltip. When selecting an icon you can choose from our built-in gallery or upload your own as an SVG file. Once you have your icon setup click on the design tab at the top to select additional display options.

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. 

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.

To make the icon a floating widget, enable the Floating toggle, and select a position for the widget. To display the floating button on the current page only, enable the Show on this page only toggle.