Adding images to an icon section

task australia Updated Sep 10, 2026 1 min read add-image-icon-section.md

Upload images or icon-style images to use within your icon sections. Use personalized images to brand your mobile application. This feature is configured in the web-based UI as opposed to the Mobile App Builder.

Before you begin

Role required: admin

Procedure

Upload an image to the Icon images table and access the sys_id of the image.
1. Navigate to All.
2. In the filter navigator, enter sys_sg_icon_image.list, to open a list of icon images.
3. Select New.
4. Enter a name for your image.
5. Select Click to add to browse and select an image to upload.
  
  Note: The optimal ratio for images is 1:1.24. Consider a fixed frame size of 74 pixels for the height and 92 pixels for the width.
6. Select Update.
  
  Your image is added to the Icon images table.
7. Right-click on the element name and select Copy sys_id.
Create an image-type icon from the image you selected.
1. Navigate to All.
2. In the filter navigator, enter sys_sg_icon.list, to open the Icons table.
3. Select New.
4. Enter a name for your icon of type image.
5. In the Icon Name field, enter the attribute name ImageRef.
6. Right-click in the Icon Value field and paste the sys_id of the element name you selected.
7. Select Image in the Type field.
8. Select Submit.
Map the defined image to an icon section.
1. Navigate to All.
2. In the filter navigator, enter sys_sg_navigation_section_destination.list, to open the Icon section destinations table.
3. Do one of the following.
  - Select a displayed icon section destination from the list.
  - Select New and then from the Select Icon Section Destination Type menu, select either launcher, screen, or function option.
4. In the Image field, use the reference lookup icon to select the icon type image you created.
  
  Note: For details to complete the rest of the Icon section destination type table, see Configure an icon UI section.
5. Select Submit.

78 lines · 2.9 KB Wrap lines

---
title: Adding images to an icon section
description: Upload images or icon-style images to use within your icon sections. Use personalized images to brand your mobile application. This feature is configured in the web-based UI as opposed to the Mobile App Builder.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/mobile/add-image-icon-section.html
release: australia
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
breadcrumb: [Configure an icon UI section, Launcher screen UI sections, Launcher screens, Mobile app components, Building mobile apps, Mobile Platform]
---

# Adding images to an icon section

## Before you begin

Role required: admin

## Procedure

1. Upload an image to the Icon images table and access the sys\_id of the image.

1. Navigate to **All**.

2. In the filter navigator, enter `sys_sg_icon_image.list`, to open a list of icon images.

3. Select **New**.

4. Enter a name for your image.

5. Select **Click to add** to browse and select an image to upload.

**Note:** The optimal ratio for images is 1:1.24. Consider a fixed frame size of 74 pixels for the height and 92 pixels for the width.

6. Select **Update**.

Your image is added to the Icon images table.

7. Right-click on the element name and select **Copy sys\_id**.

2. Create an image-type icon from the image you selected.

1. Navigate to **All**.

2. In the filter navigator, enter `sys_sg_icon.list`, to open the Icons table.

3. Select **New**.

4. Enter a name for your icon of type image.

5. In the **Icon Name** field, enter the attribute name `ImageRef`.

6. Right-click in the **Icon Value** field and paste the sys\_id of the element name you selected.

7. Select **Image** in the **Type** field.

8. Select **Submit**.

3. Map the defined image to an icon section.

1. Navigate to **All**.

2. In the filter navigator, enter `sys_sg_navigation_section_destination.list`, to open the Icon section destinations table.

3. Do one of the following.

- Select a displayed icon section destination from the list.
- Select **New** and then from the Select Icon Section Destination Type menu, select either launcher, screen, or function option.
4. In the **Image** field, use the reference lookup icon to select the icon type image you created.

**Note:** For details to complete the rest of the Icon section destination type table, see [Configure an icon UI section](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/mobile/sg-ui-section-config-navig.md).

5. Select **Submit**.