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 |
---|---|
✅ |
Test any icon changes in light and dark mode.
Token | Image | Keyword | Description |
---|---|---|---|
actionCancel | SMI.actionCancel | Icon representing the cancel action. | |
actionDismiss | SMI.actionDismiss | Icon representing the action to dismiss the current view. | |
actionJumpTo | SMI.actionJumpTo | Icon representing the jump-to action. | |
actionMenu | SMI.actionMenu | Icon representing the menu button on the text input. | |
actionParticipantMenu | SMI.actionParticipantMenu | Icon representing the participant client menu action. | |
actionSearch | SMI.actionSearch | Icon representing the message search action. | |
actionSend | SMI.actionSend | Icon representing the send button on the text input menu. | |
actionShare | SMI.actionShare | Icon representing the share action. | |
avatarBot | SMI.avatarBot | Default bot avatar shown in the chat feed. | |
avatarUser | SMI.avatarUser | User avatar shown in search results. | |
backButtonArrow | SMI.backButtonArrow | Arrow used for custom back button. | |
chevronRight | SMI.chevronRight | Icon representing a link to the preview that can be navigated. | |
iconCheckMark | SMI.iconCheckMark | Icon representing a confirmed action. | |
iconClock | SMI.iconClock | Icon representing the image used for business hours banner. | |
iconCSV | SMI.iconCSV | Icon representing a CSV file with extension .csv . | |
iconDelivered | SMI.iconDelivered | Icon representing a successfully delivered message. | |
iconError | SMI.iconError | Icon representing an error. | |
iconExcel | SMI.iconExcel | Icon representing an Excel file with extension .xls or .xlsx . | |
iconFailed | SMI.iconFailed | Icon representing an error that occured while sending a message. | |
iconForm | SMI.iconForm | Icon representing the form message shown in the feed. | |
iconFormCalendar | SMI.iconFormCalendar | Icon representing the date form type. | |
iconFormFailed | SMI.iconFormFailed | Icon representing an error state for the submit form action. | |
iconFormOptionSelected | SMI.iconFormOptionSelected | Icon representing the selected option in a form menu. | |
iconImagePlaceholder | SMI.iconImagePlaceholder | Icon representing an image placeholder in the feed. | |
iconMessageBadge | SMI.iconMessageBadge | Icon representing the message overlay badge in the feed. | |
iconOffline | SMI.iconOffline | Icon representing an offline state. | |
iconPreChatReceipt | ![]() | SMI.iconPreChatReceipt | Icon representing a checklist in the pre-chat receipt. |
iconRead | SMI.iconRead | Icon representing a read state. | |
iconSending | SMI.iconSending | Icon representing a message in transit. | |
iconSent | SMI.iconSent | Icon representing a successfully sent message. | |
iconTxt | SMI.iconTxt | Icon representing a text file with extension .txt . | |
iconWord | SMI.iconWord | Icon representing a word file with extension .doc or .docx . | |
iconXML | SMI.iconXML | Icon representing a XML file with extension .xml . |