<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="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 Mobile Platform. The Mobile Platform enables you to create customized mobile experiences on the Now Mobile and Mobile Agent apps. Using these apps, your users access custom reports and can execute multiple tasks, enabling them to perform their work from anywhere, at any time.">Mobile Platform</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="d149321e94">Name</th><th class="entry cellrowborder" style="vertical-align:top;" id="d149321e97">Release introduced</th><th class="entry cellrowborder" style="vertical-align:top;" id="d149321e100">Icon image</th><th class="entry cellrowborder" style="vertical-align:top;" id="d149321e103">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="d149321e94 d149321e97 d149321e100 d149321e103 ">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="d149321e94 ">Bag Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Notifications Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Calendar Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Cart Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "><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="d149321e94 ">Chart Bar Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Clock Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Comment Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">File Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Group Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Hardware Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Heart Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Home Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Knowledge Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Map Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Megaphone Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "><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="d149321e94 ">Request Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Settings Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Star Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">User Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Wrench Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">New York</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d149321e94 d149321e97 d149321e100 d149321e103 ">Icons added in the <span class="ph">Orlando</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Agile Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Orlando</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Clipboard Exclamation Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Orlando</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Inventory Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Orlando</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Project Status Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Orlando</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d149321e94 d149321e97 d149321e100 d149321e103 ">Icon added in the <span class="ph">Paris</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Clipboard Lines Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Paris</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d149321e94 d149321e97 d149321e100 d149321e103 ">Icon added in the <span class="ph">Quebec</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Bookmark Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Quebec</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder sub-head" colspan="4" style="vertical-align:top;" headers="d149321e94 d149321e97 d149321e100 d149321e103 ">Icons added in the <span class="ph">Rome</span> release</td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Explore Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Rome</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Today Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Rome</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </td></tr><tr class="row"><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e94 ">Support Solid</td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e97 "><span class="ph">Rome</span></td><td class="entry cellrowborder" style="vertical-align:top;" headers="d149321e100 "><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="d149321e103 "> </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>