Intro

Unlike images of icons, the icon font is fully customizable with CSS. Therefore, different themes can be applied.

Customizable icons

SAP Icon Font

[internal_only]The SAP icon font consists of more than 500 scalable pictograms in SAP’s illustrative style. The icons are tailored for simple and direct user interaction, using metaphors that are easy to understand. Each icon has been hand-crafted, hand-hinted, and aligned. The hinting process ensures that the icons always look crisp and clear, regardless of the screen resolution.[/internal_only] [external_only]More than 500 scalable pictograms are available in SAP’s illustrative style. The icons are tailored for simple and direct user interaction, using metaphors that are easy to understand. Each icon has been hand-crafted, hand-hinted, and aligned. The hinting process ensures that the icons always look crisp and clear, regardless of the screen resolution.[/external_only]

The icons are essentially vector graphics. They can be resized easily without compromising their appearance. Using custom unicode character mapping, the SAP icon font is also regularly reviewed and updated to meet the standards of SAP Fiori apps. And naturally, the icon font is compatible with all browsers and platforms.

Customizable icons

Resources

Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.