Overview

In a fraction of a second, visitors decide if your website is valuable. Icons are crucial for quickly communicating services, benefits, and action points without requiring the visitor to read a single line of text. The Icon Widget gives you a massive library of over 1,000 professional symbols, plus the flexibility to customize them entirely.

This tool is essential for maximizing visual impact and user experience:

• Instant Comprehension: Use recognizable symbols to immediately draw attention to key features, testimonials, or contact options, saving visitors time and boosting clarity.

• Deep Customization: Take full control over the visual presentation by adjusting the icon size, color, hover effects, and background to perfectly match your brand's style.

• Design Flexibility: Choose from the extensive built-in library or upload your own high-quality SVG files, ensuring your visuals always look crisp and professional on any screen size.

Guide

Add the Icon widget onto 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. 

Considerations

• SVGs can be resized without losing resolution.