{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":35135,"path":"mobile/sg-mobile-icon.md","title":"Mobile icons","bundle":null,"doc_type":null,"release":"australia","body":"\n# Mobile icons\n\nUse icons to provide unique identifiers for navigation and actions in your mobile applications.\n\nIcons can be used in the following places in mobile apps.\n\n**Note:**\n\n-   To find a list of icon codes, see the topics for the icon font family you want to use in the [Mobile icon reference](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/mobile/mobile-icon-reference.md).\n-   For a visual introduction to the mobile icons, see [Mobile UX Improvement with Icon Sections](https://youtu.be/GjSfqR0RL-g?si=TjwV65kBgsOBKZZX), a lesson in the ServiceNow Community Mobile App Academy on YouTube.com.\n\n-   navigation bars\n-   buttons\n-   cards and card records\n-   tiles in the icon section of apps\n-   items in lists\n-   quick action functions\n-   links to employee profiles\n\n## Icon types\n\nThere are three basic types of icons.\n\n-   Font icons\n-   User icons\n-   Image icons\n\nEach type is designed to be used for distinct purposes and locations in your mobile apps. For visual examples of these icons, see the [Mobile icon reference](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/mobile/mobile-icon-reference.md).\n\n## Font icons\n\nFont icons are the largest group of icons. There are several font families which are designed for specific uses.\n\n-   **now-mobile-icons** font family\n\n    These icons are designed to be used in screens. Use them for lists, section destinations that go to list screens and browser screens. Use these icons to represent a work flow or a screen that you want users to navigate to.\n\n-   **now-mobile-icons-cards** font family\n\n    Use these icons in the body of cards.\n\n-   **now-mobile-icons-buttons** font family\n\n    These icons are designed to be used for functions. They can be used on buttons that are located on cards or for quick actions.\n\n-   **now-mobile-icons-ALPnavbar** font family\n\n    These icons appear in the upper right corner of your mobile screen and are used as navigation to another screen.\n\n\n## Image icons\n\nImage icons are not font-type icons. They are designed to be used on navigation tabs and on image-type section destinations. These are the same section destinations that font icons from the **now-mobile-icons** font family are used on.\n\nFor information about configuring the icon section destination, see [Adding images to an icon section](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/mobile/add-image-icon-section.md).\n\n## User icons\n\nThese icons represent the logged-in user and are used to launch the logged-in user's profile. They can be used on a head function of a launcher screen. They cannot be used in header functions of other screen types such as list, calendar, or map screens.\n\n"}}