Icons

Icons help users understand where they have to click on the UI. Use icons only with a textual description, that is, the name of the icon you see in the UI when hovering over it. Icons can be retrieved from the integrated icon library.

Neptune Software uses two icon fonts in its products:

  • SAP icons

  • Font Awesome icons

You can determine the icon font by using the DevTool in your browser (F12) and investigating the icon on the UI. If the font-family of the icon begins with a "fa", it is Font Awesome.

Use SAP icon font

  1. Add :icons: font at the top of the page you want to use the icon font in.

  2. Search for your icon in the SAP UI5 icon font library.

  3. Copy the unicode of the icon, for example, xe03d.

  4. Take the following code snippet and replace the unicode of the icon with you own:

    [.icon-font]##
Example 1. Save icon
Click the Save button.
SAP icons are rendered after publication. You cannot see them correctly until your content is either published to the review or documentation page.

Use Font Awesome icon font

Font Awesome is integrated in AsciiDoc. It does not need a declaration at the top of the page.

  1. Search for your icon in the Font Awesome icon font library.

  2. Copy the name of the icon, for example bug.

  3. Take the following code snippet and replace name with the name of the icon:

    icon:name[]
Example 2. Bug icon
Click Bug to start the debugger.