72 typeface
SAP'sis the typeface of choice on all 3 platforms. Please use the defined font styles from the respective libraries wherever possible (this should cover 99% of cases).
Please download and install the fonts on your computer (SAP Fiori Design Stencils)
https://experience.sap.com/internal/fiori-design-web/downloads/#download-font-72
- Download the desktop and web font families.
- Unpack the ZIP files 72_Desktop / 72_Web / 72Mono_desktop / 72Mono_webfonts.
- Double-click each .ttf file and click Install.
SAP-icon
To date, the SAP-icon font is used on web and iOS. To use the stencils, you need to install the standard SAP icon font. For more information about the SAP icon font, see the Iconography guidelines for the Horizon themes. You can also refer to the icons page of the visual design wiki.
Please download and install the icon font on your computer β please install
https://experience.sap.com/internal/fiori-design-web/downloads/#download-icon-font
π¨In case you had version 4.x of the icon font installed, it might take a day or so, for the icon font version 5.x to properly show after installation. Please be patient (and try a restart π)
You can browse and find icons using various tools:
- UI5 Icon Explorer tool
- within Figma using the SAP Icon Browser plugin
- browsing the available icons in the Horizon Web UI Kit (Figma library)
FYI, you can also use SAP Business Suite and SAP Fiori Tool icons when needed
When using them, you will need to provide link of icon to engineer.
There are plans to introduce the SAP-icon font on Android, too.