The icon resource contains icons that are used to compose views in UIKit. You can customize all the icons shown in the following table.
Hides the channel.
Shows the channel.
Adds a file.
Archives a channel.
Goes back to the previous screen.
Indicates banned channel members.
Shows a broadcast channel.
Opens the user's camera app.
Indicates a channel.
Indicates that there are channels.
Indicates that there are no channels.
Indicates that a check box hasn't been selected.
Indicates that a check box has been selected.
Directs the user to the latest message.
Directs the user to the member list.
Closes a file viewer.
Copies a message.
Creates a channel.
Deletes an item.
Indicates a file.
Indicates that a message has been either read or delivered to all members of a channel.
Indicates that a message has been sent by the current user but not necessarily delivered to every member.
Downloads a file to the user's mobile app.
Edits a message.
Shows more emojis.
Indicates an error in channel list.
Indicates an audio file.
Indicates a document file.
Freezes a channel.
Shows channel information.
Leaves a channel.
Shows channel members.
Indicates that there are no messages.
Shows Moderation options.
Shows more options.
Mutes notifications in a channel.
Turns on notifications by swiping the icon in channel list.
Mutes notifications by swiping the icon in channel list.
Indcates the notifications icon in channel settings.
Indicates the channel operator.
Indicates the user's photo library.
Indicates that the message is a video file.
Invites a user to a channel from a user list.
Indicates an error in loading emojis.
Retries connection with Sendbird server.
Clears the text field in message search bar.
Indicates that a user replied to another user's message.
Replies to a message in the channel.
Indicates the message search feature.
Sends a message to the channel.
Shows the profile settings.
Indicates that a message or a screen is loading.
Indicates a video streaming button.
Indicates a Supergroup channel.
Indicates the UIKit light and dark themes.
Indicates a blank image.
Unarchives a channel.
Indicates the default profile image of a user.
How to use
There are two ways to use icons in UIKit for React Native: use the
Icon component or use the icon images set in the
As shown in the code below, you can use the
Icon component of UIKit for React Native to render various icons.
You can also use the icon images assigned to the
Customize the icons
You can customize the icons by assigning a custom icon image to the