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.
To add the widget:
- In the left panel, click Widgets.
- Click and drag the widget into your site.
Note
- SVG files can be resized without losing resolution.
- SVGs are image files that contain HTML code, meaning when you add an SVG icon to your site you are also adding lines of code. Multiple complex SVGs can add thousands of lines of code and cause your site to load slowly. If you need to use multiple SVG icons on the same page, we recommend turning some of them into regular images (.png, .jpeg, etc) to avoid loading or functionality issues.
Content Editor
To access the content editor, right-click the widget, and click Edit Content.
- Click Choose Icon to select a ready-made icon, or click Upload SVG File.
- To link the icon, click Link Icon, and select the page you want to link the icon to.
- Type Alt text for the icon. Alt text enables search engines to recognize image content. Use text that clearly describes the image.
- Type a Tooltip for the icon. The tooltip text displays when a user hovers over the image.