@ui5/webcomponents-icons-tnt
Advanced tools
UI5 Web Components - SAP Fiori Tools (TNT) Icons
Provides assets for the rich tnt icon collection.
| Icon asset | Module import |
|---|---|
| All icons (~31KB zipped) | import "@ui5/webcomponents-icons-tnt/dist/AllIcons.js"; |
| Actor icon | import "@ui5/webcomponents-icons-tnt/dist/actor.js"; |
| Ad hoc actor icon | import "@ui5/webcomponents-icons-tnt/dist/ad-hoc-actor.js"; |
| ... | ... |
| Workflow editor icon | import "@ui5/webcomponents-icons-tnt/dist/workflow-editor.js"; |
Note: The @ui5/webcomponents-icons-tnt 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 tnt collection, click here.
tntAll icon names from the collection have to be prefixed with tnt and a / separator when used by web components.
Example usage with <ui5-icon> web component:
<ui5-icon name="tnt/actor"></ui5-icon>
The package provides two versions of each icon (TNT Icons v2 and TNT Icons v3). If you don't specify the versioned collection name, like in the example above:
<ui5-icon name="tnt/actor"></ui5-icon>
the framework will detect the current theme and render the corresponding icon - from TNT Icons v3 (collection name tnt-v3) for SAP Horizon theme family (sap_horizon, sap_horizon_dark, etc.), and from TNT Icons v2 (collection name tnt-v2) for all the rest (sap_fiori_3, sap_fiori_3_dark, etc.).
tnt-v2 and tnt-v3 In case you want to always display the TNT Icons v3 icons in all themes, you can set it explicitly via the tnt-v3 collection name:
<ui5-icon name="tnt-v3/actor"></ui5-icon>
The same applies if you want to always display the TNT Icons v2 icons. You can set it explicitly via the tnt-v2 collection name:
<ui5-icon name="tnt-v2/actor"></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.
FAQs
UI5 Web Components: SAP Fiori Tools icon set
The npm package @ui5/webcomponents-icons-tnt receives a total of 31,391 weekly downloads. As such, @ui5/webcomponents-icons-tnt popularity was classified as popular.
We found that @ui5/webcomponents-icons-tnt 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.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.