> For the complete documentation index, see [llms.txt](https://jolzee.gitbook.io/leopard/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jolzee.gitbook.io/leopard/components/custom-response-icons.md).

# Response Icons

## Custom Icon Color

You can override the default response icon's color by specifying an "`iconColor`" **output parameter** with with a hex color code. 

```javascript
iconColor = #E0427E
```

## Quick Custom Icon

You can override the default response icon by specifying an "`icon`" **output parameter** with the name of the icon. Icon names can be found on [Material Design Icons](https://materialdesignicons.com/)

```javascript
icon = comment-alert-outline
```

## Leverage "emotion" in Studio for Custom Response Icons

This option leverages the "emotion" functionality in Teneo Studio. 

Just construct your emotions in a format where there a pipe sign | and the icon name after the pipe sign. Add the emotion to any response node and you should see the custom icon being displayed in the response.

Any icon from here should work.

{% embed url="<https://materialdesignicons.com/>" %}

<div align="left"><img src="/files/-Lv6SnhPd8LG4BYOZWM9" alt=""></div>

### Teneo Studio Setup

<div align="left"><img src="/files/-Lv6Sz4dmdpdd6iB6qHG" alt="Solution » Globals » Emotions"></div>

<div align="left"><img src="/files/-Lv6Tbi0fOvUZJK0esMP" alt="Assign emotion on output nodes"></div>