UI5 Web Components - Icons
Provides assets for the rich SAP-icons
icon collection.
Provided icons
Icon asset | Module import |
---|---|
All icons (~115KB zipped) | import "@gsmlg/ui5-webcomponents-icons/dist/AllIcons.js"; |
Accelerated icon | import "@gsmlg/ui5-webcomponents-icons/dist/accelerated.js"; |
Accept icon | import "@gsmlg/ui5-webcomponents-icons/dist/accept.js"; |
... | ... |
Zoom out icon | import "@gsmlg/ui5-webcomponents-icons/dist/zoom-out.js"; |
Note: The @gsmlg/ui5-webcomponents-icons
package does not provide any web components per se, but rather icon assets,
usable by other web components such as ui5-icon
. You could import all icons, but it's recommended to import
just the ones that your app will actually use.
For a full list of the icons in the SAP-icons
collection, click here.
Provided assets
import "@gsmlg/ui5-webcomponents-fiori/dist/Assets.js";
Assets | Module | Notes |
---|---|---|
i18n |
@gsmlg/ui5-webcomponents-icons/dist/Assets.js |
Translations for the tooltips / "aria labels" of several icons |
SAP-icons4.0 and SAP-icons5.0
The package provides two versions of each icon. If you don't specify a collection name, for example:
<ui5-icon name="accept"></ui5-icon>
the framework will detect the current theme and render the corresponding icon - SAP-icons5.0 for Fiori Next (sap_horizon) theme, and SAP-icons4.0 for all the rest (sap_fiori_3, sap_fiori_3_hcb...).
In case you want to display the SAP-icons5.0 icons, no matter what theme is set, you need to use the "horizon" collection name:
<ui5-icon name="horizon/accept"></ui5-icon>
Resources
- UI5 Web Components - README.md
- UI5 Web Components - Home Page
- UI5 Web Components - Playground and API Reference
Support
We welcome all comments, suggestions, questions, and bug reports. Please follow our Support Guidelines on how to report an issue, or chat with us in the #webcomponents
channel of the OpenUI5 Community Slack.
Contribute
Please check our Contribution Guidelines.
License
Copyright (c) 2019 SAP SE or an SAP affiliate company. All rights reserved. This file is licensed under the Apache Software License, Version 2.0 except as noted otherwise in the LICENSE file.