---
title: "Customize the i icon for Smart Tips"
slug: "change-the-i-icon-for-smart-tips"
updated: 2026-08-11T06:22:17Z
published: 2026-08-11T06:22:17Z
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

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)
2. Click **Smart-tips**. ![ia_style_smart%20tip](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_style_smart%20tip.png)

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)

> [!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)

> [!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)

1. Click **Save** to save the changes. ![Click_saveicon](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_saveicon.png)

> [!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)