---
sourceDocument: Australia Mobile Configuration and Navigation
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/mobile

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Mobile Configuration and Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Development, Data and Analytics


---

# Adding images to an icon section

# Adding images to an icon section {#ariaid-title1}

* Release version: Australia
* 
* Updated March 12, 2026
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

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

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 <kbd class="ph userinput">sys_sg_icon_image.list</kbd>, 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 <kbd class="ph userinput">sys_sg_icon.list</kbd>, 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 <kbd class="ph userinput">ImageRef</kbd>.
   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 <kbd class="ph userinput">sys_sg_navigation_section_destination.list</kbd>, 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.
      {#add-image-icon-section__ul_jmx_hn5_3sb}
   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://servicenow-prod.fluidtopics.net/tFaWgy84xNd2Yl3wOf_TIQ "Use the icon UI section type to navigate to screens, launcher screens, and functions.").
   5. Select Submit.
   {#add-image-icon-section__substeps_mlh_s2k_3sb}