Icon Widgets

Choose from a library of over 1000 pre-made icons or upload your own SVG file. You can change the colour of the icon, hover, background, border, and more. Use icons to highlight text and balance the layout of your website.

To include the widget:

1. Click Widgets in the left panel.
2. Drag the widget into your site with your mouse.

See Add Widgets for more information on adding widgets to your site.

• SVG files have the ability to be resized without losing resolution.
• SVGs are image files that contain HTML code, so when you add an SVG icon to your site, you are also adding code lines. Multiple complex SVGs can add thousands of lines of code to your site, slowing it down. If you must use multiple SVG icons on the same page, we recommend converting some of them to regular images (.png,.jpeg, etc.) to avoid loading or functionality issues.
  

Content Editor

Right-click the widget and select Edit Content to open the content editor.

1. To select a ready-made icon, click Choose Icon, or click Upload SVG File.
2. To link the icon, click Link Icon and then choose the page to which you want to link the icon.
3. Fill in the Alt text for the icon. Search engines can recognise image content thanks to alt text. Use text that describes the image clearly.
4. Fill in the blanks with a Tooltip for the icon. When a user hovers over an image, the tooltip text appears.
   

Design Editor

Right-click the widget and select Edit Design to open the design editor.

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

You can change the layout of your icon, the size and colour of the icon, and the spacing of the widget in the Design Editor.

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