> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.snapps.ai/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

Note

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.