Icon Library

Using Icons

Judicious use of easily understood icons can enhance the usability and overall user experience of an application's user interface. Icons can provide quick and easily understood graphical cues to functions and status of information, while at the same time conserving space and improving the look and feel.

However, overuse of icons or the use of overly complex icons can be detrimental to the usability of an application. Colorful icons, while they can be individually appealing, can quickly overwhelm the user visually. Additionally, using a large number of icons can be overwhelming to users of varying skill levels. Therefore, icons should be used sparingly. It is a clear case of "less is more" when it comes to icons.

That being said, in the case of mobile applications, where the user interface "real estate" is highly limited, and therefore precious, the benefits of providing simple, strong, compact visual cues to users cannot be ignored.

The icons presented here are based on standard SAP icons. However, they have been optimized for mobile applications—they are small, designed with a simple color scheme, and suitable for non-color displays.

The following section contains the complete list of icons allowed. All icons were created with a transparent background and are available in the Icon Archive file.

Synchronization Icons

During synchronization, incoming items from the server are listed separately from outgoing items. In the interests of simplicity and usability, only incoming errors will be marked with an icon.

Icon	Name	Description
	Status Green	The business object has been synchronized successfully.
	Status Yellow	The business object has been sent to the server, but that no confirmation has been received from the server.
	Status Red	An error occurred while synchronizing the business object with the server.
	Status Inactive	The business object has not yet been synchronized.

Message Icons

Message icons are located on the message bar.

Icon	Name	Description
	Error	Used for error messages not pertaining to a specific field.
	Warning	Warning messages
	Confirm	Confirmation messages

Page Management Icons

Icons must not be used to represent navigation functions that are not listed here. They should be represented with hyperlinks or buttons.

Icon	Name	Description
	Back	Goes to the previous page.
	Submit	Navigates to the next screen of a form, without saving.
	Save	Saves changes to a business object.
	Cancel	Cancels the creation or editing of a business object.

	Sort Descending	Identifies which coloumn is being sorted and the order of the sort is first item to last item.
	Sort Ascending	Identifies which coloumn is being sorted and the order of the sort is last item to first item.
/	First Page (enabled/disabled)	First Page for pagination within a table or group.
/	Page Up (enabled/disabled)	Page Up for pagination within a table or group.
/	Page Down (enabled/disabled)	Page Down for pagination within a table or group.
/	Last Page (enabled/disabled)	Last Page for pagination within a table or group.
	Next Year	Used in the date navigator to display next year.
	Previous Year	Used in the date navigator to display previous year.

Action Icons

Action icons are located on the page header or the group box header.

Icon	Name	Description
	Copy	Copies an existing business object.
	Delete	Represents the function for deleting an unsynchronized business object, or marking a previously synchronized business object for deletion.
	Edit	Displays an edit page for an existing business object.
	Field Help	Represents the function for calling Help or Search Help screens, including the date and time navigators.
	Filter	Labels a filter input field.
	Help Page	Displays a help page
	Long Text	Displays a long text version
	New	Creates a new business object
	Refresh	Refreshes original data upon next synchronization.
	Search	Displays or hides the search field.
	Text Display
	Undo	Cancels the last action.

Source:  SAP Style Guide for PDA Applications