---
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


---

# Add an image icon for a navigation bar

# Add an image icon for a navigation bar {#ariaid-title1}

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

Use Mobile App Builder to configure an image type icon that can be used in navigation bars on mobile apps.

## Before you begin

Important:  
Image icons can also be used in the legacy icon section of a launcher screen. For more information, see [Adding images to an icon section](https://servicenow-prod.fluidtopics.net/qUUyb9YpqTq2eVdUfNW9jg "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.").

Role required: admin

## About this task

You can configure an icon within the work flow of configuring a screen or you can configure an icon by selecting the Cards \& icons category from the Mobile App Builder menu. This procedure uses the
Cards \& icons category.

## Procedure

1. Navigate to AllSystem MobileMobile App Builder.  
   The Mobile App Builder opens in a new browser tab and displays the application scope selection screen.
2. Search for the application scope you are working in and then select the name of the application scope.  
   The Mobile App Builder categories home screen displays.
3. Select the Cards \& iconscategory, and then select New.
4. In the Create a card or icon dialog box, select Icon, and then select Continue.
5. In the Icon form, enter a Name for the icon.  
   Make sure you choose a name that makes it easy to identify the icon.
6. From the Type drop-down list, select Image.
7. In the Set appearance section, enter the following information in the Style and Value fields to configure the image icon.  
   {#config-image-icon-4-navigation-bar__table_rlk_vkq_vwb__entry__2}

   | Style | Value |
   |-|-|
   | Enter <kbd class="ph userinput">Name</kbd> | Enter the name of the image icon to display in the navigation bar. For example, enter the text <kbd class="ph userinput">Explore</kbd> to display the Explore Solid icon. For a list of navigation bar icons, see [Image icons](https://servicenow-prod.fluidtopics.net/NXvvUDbwcGad72zxGhlYMA "Use image icons on navigation bars and tab bars. Image icons are not font-type icons."). |
   [ ]

   {#config-image-icon-4-navigation-bar__table_rlk_vkq_vwb}
8. Select Save.

*[\>]: and then