<h2>Image icons</h2><br/><div style="overflow-x:auto"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><meta content="text/html; charset=UTF-8" /><meta name="copyright" content="(C) Copyright 2024" /><meta name="DC.rights.owner" content="(C) Copyright 2024" /><meta name="generator" content="DITA-OT" /><meta name="DC.type" content="reference" /><meta name="DC.title" content="Image icons" /><meta name="abstract" content="Use image icons on navigation bars and tab bars. Image icons are not font-type icons." /><meta name="description" content="Use image icons on navigation bars and tab bars. Image icons are not font-type icons." /><meta name="DC.relation" scheme="URI" content="../../../administer/tablet-mobile-ui/concept/mobile-icon-reference.html" /><meta name="DC.relation" scheme="URI" content="../../../administer/tablet-mobile-ui/concept/mobile-config-navigation.html" /><meta name="DC.relation" scheme="URI" content="../../../administer/tablet-mobile-ui/reference/sg-setup-mobile-admin.html" /><meta name="DC.relation" scheme="URI" content="../../../administer/tablet-mobile-ui/concept/sg-mobile-ui-styles.html" /><meta name="DC.relation" scheme="URI" content="../../../administer/tablet-mobile-ui/reference/sg-mobile-icon.html" /><meta name="DC.creator" content="Perry Saul" /><meta name="DC.creator" content="Phil Salzman" /><meta name="DC.creator" content="ServiceNow" /><meta name="DC.date.created" content="2023-08-03" /><meta name="DC.date.modified" content="2023-08-03" /><meta name="DC.format" content="XHTML" /><meta name="DC.identifier" content="image-icons" /><link rel="stylesheet" type="text/css" href="../../../CSS/commonltr.css" /><title>Image icons</title></head><body id="image-icons"> <div class="breadcrumb"><a class="link" href="../../../administer/tablet-mobile-ui/concept/mobile-config-navigation.html" title="Access your instance from anywhere using the ServiceNow Now Mobile, ServiceNow Agent, and Mobile Onboarding apps on your mobile device.">Configure mobile experiences</a> > <a class="link" href="../../../administer/tablet-mobile-ui/reference/sg-setup-mobile-admin.html" title="Build and configure a mobile experience for any of the three ServiceNow mobile apps.">Building and configuring mobile apps</a> > <a class="link" href="../../../administer/tablet-mobile-ui/concept/sg-mobile-ui-styles.html" title="Use mobile style elements to change the appearance of your mobile applications.">Mobile styles</a> > <a class="link" href="../../../administer/tablet-mobile-ui/reference/sg-mobile-icon.html" title="Use icons to provide unique identifiers for navigation and actions in your mobile applications.">Mobile icons</a> > </div> <h1 class="title topictitle1" id="ariaid-title1">Image icons</h1> <div class="body refbody"><p class="shortdesc">Use image icons on navigation bars and tab bars. Image icons are not font-type icons.</p> <div class="section" id="image-icons__section_xwm_31m_ywb"> <div class="p"><div class="note important"><span class="importanttitle">Important:</span> Image icons can also be used in the icon UI section of a launcher screen. For more information, see <a class="xref" href="../task/add-image-icon-section.html" title="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.">Adding images to an icon section</a>.</div> </div> </div> <div class="section" id="image-icons__section_cvr_skk_ywb"><h2 class="title sectiontitle">Usage example</h2> <div class="p"><div class="fig fignone" id="image-icons__fig_wxp_41m_ywb"><span class="figcap"><span class="fig--title-label">Figure 1. </span>Image icon examples</span> <img class="image" id="image-icons__image_xxp_41m_ywb" src="../image/mab-icon-image-example.png" alt="Screen example" /> </div> </div> </div> <div class="section" id="image-icons__section_g5z_tkk_ywb"><h2 class="title sectiontitle">Image icons</h2> <div class="p"> <div class="tablenoborder"><table cellpadding="4" cellspacing="0" summary="" id="image-icons__table_ids_xkk_ywb" class="table" frame="border" border="1" rules="all"><colgroup><col /><col /><col /><col /></colgroup><thead class="thead" style="text-align:left;"><tr class="row"><th class="entry cellrowborder" style="vertical-align:top;" id="d148719e98">Name</th><th class="entry cellrowborder" style="vertical-align:top;" id="d148719e101">Release introduced</th><th class="entry cellrowborder" style="vertical-align:top;" id="d148719e104">Icon image</th><th class="entry cellrowborder" style="vertical-align:top;" id="d148719e107">Right-to-left icon image</th></tr></thead><tbody class="tbody"><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d148719e98 d148719e101 d148719e104 d148719e107 ">Icons added in the <span class="ph">New York</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Bag Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_rg5_s1m_ywb" src="../image/mab-icon-image-bag-sol.png" alt="Bag Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Notifications Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_y3b_v1m_ywb" src="../image/mab-icon-image-notif-sol.png" alt="Notifications Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Calendar Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_dk3_w1m_ywb" src="../image/mab-icon-image-calend-sol.png" alt="Calendar Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Cart Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_fsh_x1m_ywb" src="../image/mab-icon-image-cart-sol.png" alt="Cart Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "><img class="image" id="image-icons__image_clz_x1m_ywb" src="../image/mab-icon-image-cart-sol-rtl.png" alt="Reversed Cart Solid example" /></td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Chart Bar Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_d3z_y1m_ywb" src="../image/mab-icon-image-chrtbar-sol.png" alt="Chart Bar Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Clock Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_l1t_z1m_ywb" src="../image/mab-icon-image-clock-sol.png" alt="Clock Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Comment Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_btl_1bm_ywb" src="../image/mab-icon-image-comment-sol.png" alt="Comment Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">File Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_epl_bbm_ywb" src="../image/mab-icon-image-file-sol.png" alt="File Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Group Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_lcm_cbm_ywb" src="../image/mab-icon-image-grp-sol.png" alt="Group Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Hardware Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_upd_dbm_ywb" src="../image/mab-icon-image-hdwr-sol.png" alt="Hardware Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Heart Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_u52_2bm_ywb" src="../image/mab-icon-image-heart-sol.png" alt="Heart Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Home Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_tgy_2bm_ywb" src="../image/mab-icon-image-home-sol.png" alt="Home Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Knowledge Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_lbw_fbm_ywb" src="../image/mab-icon-image-knowl-sol.png" alt="Knowledge Solid" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Map Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_ccm_gbm_ywb" src="../image/mab-icon-image-map-sol.png" alt="Map Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Megaphone Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_h2q_hbm_ywb" src="../image/mab-icon-image-megafon-sol.png" alt="Megaphone Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "><img class="image" id="image-icons__image_jnf_nbm_ywb" src="../image/mab-icon-image-megafon-sol-rtl.png" alt="Reversed Megaphone Solid example" /></td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Request Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_k5s_4bm_ywb" src="../image/mab-icon-image-req-sol.png" alt="Request Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Settings Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_fxn_pbm_ywb" src="../image/mab-icon-image-settings-sol.png" alt="Settings Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Star Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_mxf_qbm_ywb" src="../image/mab-icon-image-star-sol.png" alt="Star Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">User Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_t4h_rbm_ywb" src="../image/mab-icon-image-user-sol.png" alt="User Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Wrench Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_h5c_sbm_ywb" src="../image/mab-icon-image-wrench-sol.png" alt="Wrench Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d148719e98 d148719e101 d148719e104 d148719e107 ">Icons added in the <span class="ph">Orlando</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Agile Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Orlando</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_dwf_5bm_ywb" src="../image/mab-icon-image-agile-sol.png" alt="Agile Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Clipboard Exclamation Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Orlando</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_yfv_vbm_ywb" src="../image/mab-icon-image-clpbrd-x-sol.png" alt="Clipboard Exclamation Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Inventory Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Orlando</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_pmq_xbm_ywb" src="../image/mab-icon-image-invent-sol.png" alt="Inventory Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Project Status Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Orlando</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_uyx_ybm_ywb" src="../image/mab-icon-image-projstus-sol.png" alt="Project Status example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d148719e98 d148719e101 d148719e104 d148719e107 ">Icon added in the <span class="ph">Paris</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Clipboard Lines Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Paris</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_p3y_zbm_ywb" src="../image/mab-icon-image-clipbrd-lns-sol.png" alt="Clipboard Lines Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d148719e98 d148719e101 d148719e104 d148719e107 ">Icon added in the <span class="ph">Quebec</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Bookmark Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Quebec</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_g3k_bcm_ywb" src="../image/mab-icon-image-bkmrk-sol.png" alt="Bookmark Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d148719e98 d148719e101 d148719e104 d148719e107 ">Icons added in the <span class="ph">Rome</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Explore Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Rome</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_ysl_ccm_ywb" src="../image/mab-icon-image-explor-sol.png" alt="Explore Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Today Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Rome</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_vbn_dcm_ywb" src="../image/mab-icon-image-today-sol.png" alt="Today Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e98 ">Support Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e101 "><span class="ph">Rome</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e104 "><img class="image" id="image-icons__image_fvg_2cm_ywb" src="../image/mab-icon-image-sup-sol.png" alt="Support Solid example" /></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d148719e107 "> </td></tr></tbody></table> </div> </div> </div> </div> <div class="related-links"> <div class="familylinks"> <div class="parentlink"><strong>Parent Topic:</strong> <a class="link" href="../../../administer/tablet-mobile-ui/concept/mobile-icon-reference.html" title="Use Mobile App Builder to insert these icons in your mobile apps.">Mobile icon reference</a></div> </div> </div></body></html></div>