---
title: "Customize the i icon for Smart Tips"
slug: "change-the-i-icon-for-smart-tips"
updated: 2024-10-08T12:59:42Z
published: 2024-10-08T12:59:42Z
---

> ## 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 the Smart Tips to a custom icon suitable for your application.

For example, all the Smart Tips in your account can have an 'i' icon but one or more Smart Tips of your choice can have a question mark icon.

          your title goes here

          

This is an account-level configuration, 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)

          your title goes here

          

Click **+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)

          your title goes here

          

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)

          your title goes here

          

If you click **Discard changes**, all the modifications you've made to the content will be lost, and the page will revert to its previous saved state.

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