# Customize Icons for iOS

You can customize the icons and images used throughout the SDK. To customize an image, add an asset to your project's Assets catalog using the associated keyword.

This article applies to the following implementations:

| UI SDK | Core SDK |
| :----: | :------: |
|    ✅   |          |

:::tip
Test any icon changes in light and dark mode.
:::

| Token                  | Image                                                                                                                                           | Keyword                    | Description                                                       |
| :--------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------- | :---------------------------------------------------------------- |
| actionCancel           | ![action cancel](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/actionCancel.svg)                 | SMI.actionCancel           | Icon representing the cancel action.                              |
| actionDismiss          | ![action dismiss](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/actionDismiss.svg)               | SMI.actionDismiss          | Icon representing the action to dismiss the current view.         |
| actionJumpTo           | ![action jumpto](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/actionJumpTo.svg)                 | SMI.actionJumpTo           | Icon representing the jump-to action.                             |
| actionMenu             | ![action menu](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/actionMenu.svg)                     | SMI.actionMenu             | Icon representing the menu button on the text input.              |
| actionParticipantMenu  | ![action participant menu](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/threedots_vertical.svg) | SMI.actionParticipantMenu  | Icon representing the participant client menu action.             |
| actionSearch           | ![action search](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/actionSearch.svg)                 | SMI.actionSearch           | Icon representing the message search action.                      |
| actionSend             | ![action send](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/actionSend.svg)                     | SMI.actionSend             | Icon representing the send button on the text input menu.         |
| actionShare            | ![action share](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/square.and.arrow.up.svg)           | SMI.actionShare            | Icon representing the share action.                               |
| avatarBot              | ![bot avatar](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/botAvatar.svg)                       | SMI.avatarBot              | Default bot avatar shown in the chat feed.                        |
| avatarUser             | ![avatar user](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/avatarUser.svg)                     | SMI.avatarUser             | User avatar shown in search results.                              |
| backButtonArrow        | ![back button arrow](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/backButtonArrow.svg)          | SMI.backButtonArrow        | Arrow used for custom back button.                                |
| chevronRight           | ![cheveron right](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/chevronRight.svg)                | SMI.chevronRight           | Icon representing a link to the preview that can be navigated.    |
| iconCheckMark          | ![check mark](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/checkmark.svg)                       | SMI.iconCheckMark          | Icon representing a confirmed action.                             |
| iconClock              | ![clock](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/clock.svg)                                | SMI.iconClock              | Icon representing the image used for business hours banner.       |
| iconCSV                | ![CSV](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconCSV.svg)                                | SMI.iconCSV                | Icon representing a CSV file with extension `.csv`.               |
| iconDelivered          | ![delivered](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/delivered.svg)                        | SMI.iconDelivered          | Icon representing a successfully delivered message.               |
| iconError              | ![error](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/error.svg)                                | SMI.iconError              | Icon representing an error.                                       |
| iconExcel              | ![excel file](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconExcel.svg)                       | SMI.iconExcel              | Icon representing an Excel file with extension `.xls` or `.xlsx`. |
| iconFailed             | ![failed](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/failed.svg)                              | SMI.iconFailed             | Icon representing an error that occured while sending a message.  |
| iconForm               | ![form](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/list.svg)                                  | SMI.iconForm               | Icon representing the form message shown in the feed.             |
| iconFormCalendar       | ![form calendar](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/event.svg)                        | SMI.iconFormCalendar       | Icon representing the date form type.                             |
| iconFormFailed         | ![form failed](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/error.svg)                          | SMI.iconFormFailed         | Icon representing an error state for the submit form action.      |
| iconFormOptionSelected | ![form option selected](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/checkmark.svg)             | SMI.iconFormOptionSelected | Icon representing the selected option in a form menu.             |
| iconImagePlaceholder   | ![image placeholder](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconImagePlaceholder.svg)     | SMI.iconImagePlaceholder   | Icon representing an image placeholder in the feed.               |
| iconMessageBadge       | ![message badge](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/arrowdown.svg)                    | SMI.iconMessageBadge       | Icon representing the message overlay badge in the feed.          |
| iconOffline            | ![offline](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconOffline.svg)                        | SMI.iconOffline            | Icon representing an offline state.                               |
| iconPreChatReceipt     | ![prechat receipt](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconPrechatReceipt.png)         | SMI.iconPreChatReceipt     | Icon representing a checklist in the pre-chat receipt.            |
| iconRead               | ![read](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconRead.svg)                              | SMI.iconRead               | Icon representing a read state.                                   |
| iconSending            | ![sending](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconSending.svg)                        | SMI.iconSending            | Icon representing a message in transit.                           |
| iconSent               | ![sent](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconSent.svg)                              | SMI.iconSent               | Icon representing a successfully sent message.                    |
| iconTxt                | ![text file](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconTxt.svg)                          | SMI.iconTxt                | Icon representing a text file with extension `.txt`.              |
| iconWord               | ![word file](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconWord.svg)                         | SMI.iconWord               | Icon representing a word file with extension `.doc` or `.docx`.   |
| iconXML                | ![xml file](https://a.sfdcstatic.com/developer-website/sfdocs/service-cloud/media/messaging-in-app/icons/iconXML.svg)                           | SMI.iconXML                | Icon representing a XML file with extension `.xml`.               |
