---
title: "Customize the i icon for Smart Tips"
slug: "change-the-i-icon-for-smart-tips"
updated: 2026-10-01T10:13:44Z
published: 2026-10-01T10:13:44Z
canonical: "support.whatfix.com/change-the-i-icon-for-smart-tips"
stale: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize the i icon for Smart Tips

> [!WARNING]
> Note:
> 
> - Whatfix evaluates only one Smart Tip Collection per page at any given time. To show two or more Smart Tips on the same page, create them as part of a single Collection.
> - Whatfix also enables you to display multiple Smart Tip Collections on the same page. To enable this feature, contact [support@whatfix.com](mailto:support@whatfix.com?subject=Request%20to%20enable%20the%20Unified%20Content%20Experience&body=Hi%20Whatfix%20Support%20Team%2C%0A%0APlease%20enable%20the%20Unified%20Content%20Experience%20for%20my%20account.%0A%0AThanks%2C%0A).

Whatfix enables you to customize the **'i'** icon of Smart Tips to a custom icon suitable for your application.

For example, you may use an 'i' icon for most Smart Tips on your account, but you may want to use a question mark icon for some other Smart Tips.

> [!WARNING]
> Note:
> 
> This is an account-level configuration, so changes made here are applied to all the Smart Tip collections.

Use the following steps to change the 'i' icon for Smart Tips:

1. On the Whatfix Guidance Dashboard, click **Style**. ![ia_left%20nav_style](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_style.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A30Z&se=2026-11-12T08%3A34%3A30Z&sr=c&sp=r&sig=KoR0DOQPqDAeH6JTRdzkS4ZPGGxWmOExU%2F8gM6mJkvY%3D)
2. Click **Smart-tips**. ![ia_style_smart%20tip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_style_smart%20tip.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A30Z&se=2026-11-12T08%3A34%3A30Z&sr=c&sp=r&sig=KoR0DOQPqDAeH6JTRdzkS4ZPGGxWmOExU%2F8gM6mJkvY%3D)

1. In the **Icon** section, select the icon you want to use. ![Select_STicon.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Select_STicon.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A30Z&se=2026-11-12T08%3A34%3A30Z&sr=c&sp=r&sig=KoR0DOQPqDAeH6JTRdzkS4ZPGGxWmOExU%2F8gM6mJkvY%3D)

> [!NOTE]
> Info:
> 
> Use the option **+Add Icon** to add custom icons from the Icon library. For more information, see [Use custom icons for Smart Tips](/studio/docs/use-custom-icons-for-smart-tips).

1. Once you select the icon, make the following configurations:

- **Color**: Select the color from the existing color picker or enter the hex code of the desired color. ![Select_Color_DB](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Select_Color.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A30Z&se=2026-11-12T08%3A34%3A30Z&sr=c&sp=r&sig=KoR0DOQPqDAeH6JTRdzkS4ZPGGxWmOExU%2F8gM6mJkvY%3D)

> [!WARNING]
> Note:
> 
> If you are unable to change the icon color for certain SVGs, it might be due to fixed colors embedded in the SVG file. For more information, see [SVG Best Practices for Icon Library](/studio/docs/svg-best-practices-for-icon-library).

- **Size**: Select the desired size using the dropdown. ![Configure_size](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Configure_size.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A30Z&se=2026-11-12T08%3A34%3A30Z&sr=c&sp=r&sig=KoR0DOQPqDAeH6JTRdzkS4ZPGGxWmOExU%2F8gM6mJkvY%3D)

1. Click **Save** to save the changes. ![Click_saveicon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_saveicon.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A30Z&se=2026-11-12T08%3A34%3A30Z&sr=c&sp=r&sig=KoR0DOQPqDAeH6JTRdzkS4ZPGGxWmOExU%2F8gM6mJkvY%3D)

> [!WARNING]
> Note:
> 
> When you click **Discard changes**, all the modifications you make to the content are lost.

## Related

- [Use custom icons for Smart Tips](/use-custom-icons-for-smart-tips.md)
- [Icon Library Best Practices](/svg-best-practices-for-icon-library.md)