# Step 4: Text strings and icon replacement

> For the complete documentation index, see [llms.txt](https://developers.thoughtspot.com/docs/llms.txt)

Source: https://developers.thoughtspot.com/docs/tutorials/style-customization/step-04

# Step 4: Text strings and icon replacement

The `customizations` object allows replacing replace specific [text strings]({{navprefix}}/{{customize-text-strings}}) and [icons]({{navprefix}}/{{customize-icons}}).

## Replace text strings

Let’s add the `content` property above the `style` property in the `customizations` code and then add the `strings` property block within this code. Now we can declare the exact text elements to replace within ThoughtSpot:

```javascript
// ...
customizations: {
    content: {
        strings: {
            "Liveboard": "Dashboard",
            "SpotIQ": "Insights",
            "Spotter": "AI Agent"
        }
    },
    style: {
        ...
    },
},
```

## Replace icon sprites

Icon sprite replacement requires creating a file of SVG icon definitions, the format for which is available in the [icon sprite customization documentation]({{navprefix}}/{{customize-icons}}). After you have the SVG file saved and accessible to ThoughtSpot, add the `iconSpriteUrl` property in the `customizations` block:

```javascript
// ...
customizations: {
    iconSpriteUrl: "https://cdn.jsdelivr.net/gh/thoughtspot/custom-css-demo/icon-override1.svg",
    content: {
        strings: {
            "Liveboard": "Dashboard",
            "SpotIQ": "Insights",
            "Spotter": "AI Agent"
        }
    },
    style: {
        ...
    },
},
```

[← Previous]({{navprefix}}/tutorials/style-customization/step-03) [Next →]({{navprefix}}/tutorials/style-customization/step-05)