@ui5/webcomponents-icons
Advanced tools
UI5 Web Components - Icons
Provides assets for the rich SAP-icons icon collection.
| Icon asset | Module import |
|---|---|
| All icons (~115KB zipped) | import "@ui5/webcomponents-icons/dist/AllIcons.js"; |
| Accelerated icon | import "@ui5/webcomponents-icons/dist/accelerated.js"; |
| Accept icon | import "@ui5/webcomponents-icons/dist/accept.js"; |
| ... | ... |
| Zoom out icon | import "@ui5/webcomponents-icons/dist/zoom-out.js"; |
Note: The @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.
Note: For a full list of the icons in the SAP-icons collection, click here.
import "@ui5/webcomponents-fiori/dist/Assets.js";
| Assets | Module | Notes |
|---|---|---|
i18n | @ui5/webcomponents-icons/dist/Assets.js | Translations for the tooltips / "aria labels" of several icons |
As SAP Icons is the default icon collection, you can skip the collection name and just set the name of the icon:
<ui5-icon name="accept"></ui5-icon>
The package provides two versions of each icon (SAP Icons v4 and SAP Icons v5). If you don't specify a collection name like in the example above,
the framework will detect the current theme and render the corresponding icon - SAP Icons v5 for SAP Horizon theme family (sap_horizon, sap_horizon_dark, etc.), and SAP Icons v4 for all the rest (sap_fiori_3, sap_fiori_3_dark, etc.).
SAP-icon-v4 and SAP-icon-v5In case you want to always display the SAP Icons v5 icons in all themes, you can set it explicitly via the SAP-icon-v5 collection name:
<ui5-icon name="SAP-icon-v5/accept"></ui5-icon>
The same applies if you want to always display the SAP Icons v4 icons. You can set it explicitly via the SAP-icon-v4 collection name:
<ui5-icon name="SAP-icon-v4/accept"></ui5-icon>
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.
Please check our Contribution Guidelines.
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.
2.2.0 (2024-09-03)
FAQs
UI5 Web Components: webcomponents.SAP-icons
The npm package @ui5/webcomponents-icons receives a total of 38,728 weekly downloads. As such, @ui5/webcomponents-icons popularity was classified as popular.
We found that @ui5/webcomponents-icons demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm package disguised as a WhatsApp client is exploiting authentication flows with a remote kill switch to exfiltrate data and destroy files.
Security News
PyPI now supports digital attestations, enhancing security and trust by allowing package maintainers to verify the authenticity of Python packages.
Security News
GitHub removed 27 malicious pull requests attempting to inject harmful code across multiple open source repositories, in another round of low-effort attacks.