Détail du package

@ui5/webcomponents-icons

SAP222.7kApache-2.02.12.0

UI5 Web Components: webcomponents.SAP-icons

openui5, sapui5, ui5

What are UI5 Web Components?

A rich set of enterprise-grade reusable UI elements driven by a lightweight framework (~20K gzipped for the framework part).
Suitable for building anything from static web sites to complex web applications.
Usable with any current or future web development framework (React, Angular, Vue, etc.).
Implement the SAP Fiori design and follow the SAP Fiori Design Guidelines for a consistent UX.
Created and maintained by SAP as part of the UI5 product family.

Why use web components?

Future-proof: being web standards, they are compatible with any version of any web development framework.
Encapsulated: the HTML/CSS in the shadow DOM are protected from interference by the web page and vice versa, making them stable in any environment and suitable not only for apps, but also for libraries and micro-frontends.
Elegant: being custom HTML elements, they hide implementation complexity behind a single HTML tag, making them easily usable with the standard DOM APIs.

Where can I see them in action?

Playground and API Reference

More Resources

Related Projects

OpenUI5

1. What is UI5/OpenUI5?

OpenUI5 is an open source JS framework that lets you build enterprise-ready web applications, responsive to all devices, running on almost any browser of your choice. It's based on JavaScript, using jQuery as its foundation and follows web standards. It eases your development with a client-side HTML5 rendering library including a rich set of controls and supports data binding to different data models (JSON, XML and OData).

2. How do UI5 Web Components relate to OpenUI5?

UI5 Web Components…

…are not built on top of UI5, but rather lightweight and independent UI elements.
…are not a successor of UI5, but rather a complementary offering.
…bring the relevant UI5 qualities and SAP Fiori UX to the HTML level, usable with any web framework.

UI5 Web Components are good for…

…web applications which already use a different web framework.
…static web sites built without web frameworks, to just add a few interactive UI elements.

UI5 remains what it is: the best choice for…

…building complete enterprise-ready and responsive web applications.

UI5 Web Components for React

UI5 Web Components for React is a wrapper implementation around UI5 Web Components which makes using them in React even more comfortable. The current version of React (react 18) has some shortcomings when it comes to handling Custom Elements, namely the binding of boolean attributes as well as adding event listeners to custom event names like selection-change. With the help of UI5 Web Components for React, you can use the UI5 Web Components in React as if they were native React components. In addition to that, this library is also offering TypeScript definitions for all components, some complex layout components built on top of UI5 Web Components as well as Charting Components.

UI5 Web Components for Angular

UI5 Web Components for Angular is a wrapper implementation around UI5 Web Components which to make it work with Angular without needing to use the CUSTOM_ELEMENTS_SCHEMA or NO_ERRORS_SCHEMA schemas. Moreover, all Angular-specific features, such as two-way data binding and Angular Form support, work out of the box.

How to Use

Install the NPM module(s) that ship the desired UI5 Web Component(s), for example if you need ui5-button:
```
 npm install @ui5/webcomponents
```

Import the desired UI5 Web Component(s) to your app:

 import "@ui5/webcomponents/dist/Button.js"; // loads and defines ui5-button

Use the UI5 Web Component(s) as you would use any HTML element:
```
 <ui5-button>Hello world!</ui5-button>
```
For more information, see Importing UI5 Web Components and Understanding UI5 Web Components APIs.

Typescript Support

TypeScript Support is enabled for both component development and component consumption. Since version 1.11.0, we have been providing TypeScript definitions under an experimental flag, and starting from version 1.19.0, all TypeScript definitions are considered stable.

Is there a CDN I can use?

No, you are expected to import only the components (or other public APIs) that you are going to use and bundle them along with the rest of your application.

Browser Support

UI5 Web Components are supported by all major modern browsers.

Browser	Supported versions
Chrome	Latest two stable releases
Firefox	Latest two stable releases
Safari	Latest two stable releases
Edge	Latest two stable releases

Project Structure, Development and Build

This section might be of interest to you mainly if you need to run or build the project locally

Requirements

Node.js (version 21 or higher)
Yarn (version 1.22 or higher)

Note: The UI5 Web Components project is set up with the Yarn node package manager. This is because it offers functionality that the otherwise preferred npm package manager is currently lacking. Namely, the workspace setting which is currently used in the UI5 Web Components (mono-)repository. Note that npm might add this feature in the future.

Structure

The UI5 Web Components project contains several packages:

Project	NPM Package	Description
`main`	UI5 Web Components - Main	Bread-and-butter components (buttons, inputs, popups, pickers, tables, etc.) that are generally found in web apps.
`fiori`	UI5 Web Components - Fiori	More semantic components, specific to the Fiori UX (shell bar, side navigation, etc.) that are commonly found in SAP apps.
`icons`	UI5 Web Components - Icons	A rich icons collection (`SAP-icons`), suitable for enterprise-grade apps
`icons-tnt`	UI5 Web Components - Icons TNT	A rich icons collection (`SAP-icons-TNT`), suitable for more technical apps
`icons-business-suite`	UI5 Web Components - Icons Business Suite	A rich icons collection (`BusinessSuiteInAppSymbols`), suitable for SAP Fiori apps
`base`	UI5 Web Components - Base	The UI5 Web Components framework itself
`theming`	UI5 Web Components - Theming	Theming assets (the default theme and additional accessibility themes)
`localization`	UI5 Web Components - Localization	`i18n` functionality and `CLDR` assets
`create-package`	Create Webcomponents Package	An `npm init` script for creating new UI5 Webcomponents Packages
`playground`	N/A	The playground application

How to run the project locally:

yarn # to install all dependencies
yarn start # to serve the project

A dev server will be started and the browser will open its index URL with a listing of all test pages.

How to start Website (Docs & Samples):

You can start the website app with the following commands:

yarn # to install all dependencies

# start the playground from the project root
yarn start:website

# open http://localhost:3000/ui5-webcomponents/nightly/

Note: If you wish to manually install dependencies & run the Playground you can check out our in depth tutorial

Production Build

To build the UI5 Web Components project, run the following commands:

yarn # to install all dependencies
yarn ci:releasebuild # to build the project

Afterwards, you can find the build output in the dist folder of the corresponding package folder. For example, to find the Button component (that belongs to the main package), look inside the packages/main/dist folder.

Limitations

None as of 1.24.0

Known Issues

No major bugs known. To report an issue or view the currently open issues, click here.

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.

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.12.0 (2025-07-04)

Note: Version bump only for package @ui5/webcomponents-icons

2.12.0-rc.3 (2025-07-03)

Note: Version bump only for package @ui5/webcomponents-icons

2.12.0-rc.2 (2025-06-26)

Note: Version bump only for package @ui5/webcomponents-icons

2.12.0-rc.1 (2025-06-19)

Note: Version bump only for package @ui5/webcomponents-icons

2.12.0-rc.0 (2025-06-12)

Note: Version bump only for package @ui5/webcomponents-icons

2.11.0 (2025-06-05)

Note: Version bump only for package @ui5/webcomponents-icons

2.11.0-rc.4 (2025-06-05)

Note: Version bump only for package @ui5/webcomponents-icons

2.11.0-rc.3 (2025-05-29)

Features

add Assets-node module for node/ssr env (#11522) (4a874cc)

2.11.0-rc.2 (2025-05-22)

Note: Version bump only for package @ui5/webcomponents-icons

2.11.0-rc.1 (2025-05-15)

Note: Version bump only for package @ui5/webcomponents-icons

2.11.0-rc.0 (2025-05-08)

Note: Version bump only for package @ui5/webcomponents-icons

2.10.0 (2025-05-07)

Note: Version bump only for package @ui5/webcomponents-icons

2.10.0-rc.3 (2025-05-01)

Note: Version bump only for package @ui5/webcomponents-icons

2.10.0-rc.2 (2025-04-24)

Note: Version bump only for package @ui5/webcomponents-icons

2.10.0-rc.1 (2025-04-17)

Note: Version bump only for package @ui5/webcomponents-icons

2.10.0-rc.0 (2025-04-14)

Note: Version bump only for package @ui5/webcomponents-icons

2.9.1-rc.0 (2025-04-10)

Note: Version bump only for package @ui5/webcomponents-icons

2.9.0 (2025-04-04)

Note: Version bump only for package @ui5/webcomponents-icons

2.9.0-rc.3 (2025-04-03)

Bug Fixes

framework: fix fetching "id" (indonesian) language (#11251) (9a36df5), closes #11233

2.9.0-rc.2 (2025-03-27)

Note: Version bump only for package @ui5/webcomponents-icons

2.9.0-rc.1 (2025-03-20)

Note: Version bump only for package @ui5/webcomponents-icons

2.9.0-rc.0 (2025-03-13)

Note: Version bump only for package @ui5/webcomponents-icons

2.8.1-rc.0 (2025-03-06)

Note: Version bump only for package @ui5/webcomponents-icons

2.8.0 (2025-03-04)

Note: Version bump only for package @ui5/webcomponents-icons

2.8.0-rc.3 (2025-02-27)

Features

update sap/icons to v5.11 & 4.23 (#10930) (47b5942)

2.8.0-rc.2 (2025-02-20)

Note: Version bump only for package @ui5/webcomponents-icons

2.8.0-rc.1 (2025-02-13)

Note: Version bump only for package @ui5/webcomponents-icons

2.8.0-rc.0 (2025-02-06)

Note: Version bump only for package @ui5/webcomponents-icons

2.7.0 (2025-02-03)

Note: Version bump only for package @ui5/webcomponents-icons

2.7.0-rc.2 (2025-01-30)

Features

update sap/icons to v5.11.1 & 4.23 (#10692) (4545ef7)

2.7.0-rc.1 (2025-01-23)

Note: Version bump only for package @ui5/webcomponents-icons

2.7.0-rc.0 (2025-01-16)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.2 (2025-01-09)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.2-rc.0 (2025-01-09)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.1 (2025-01-08)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.0 (2025-01-07)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.0-rc.5 (2025-01-07)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.0-rc.4 (2025-01-02)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.0-rc.3 (2024-12-26)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.0-rc.2 (2024-12-19)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.0-rc.1 (2024-12-16)

Note: Version bump only for package @ui5/webcomponents-icons

2.6.0-rc.0 (2024-12-12)

Note: Version bump only for package @ui5/webcomponents-icons

2.5.0 (2024-12-05)

Note: Version bump only for package @ui5/webcomponents-icons

2.5.0-rc.3 (2024-12-05)

Note: Version bump only for package @ui5/webcomponents-icons

2.5.0-rc.2 (2024-11-28)

Note: Version bump only for package @ui5/webcomponents-icons

2.5.0-rc.1 (2024-11-21)

Note: Version bump only for package @ui5/webcomponents-icons

2.5.0-rc.0 (2024-11-14)

Note: Version bump only for package @ui5/webcomponents-icons

2.4.1-rc.0 (2024-11-07)

Note: Version bump only for package @ui5/webcomponents-icons

2.4.0 (2024-11-03)

Note: Version bump only for package @ui5/webcomponents-icons

2.4.0-rc.4 (2024-10-31)

Note: Version bump only for package @ui5/webcomponents-icons

2.4.0-rc.3 (2024-10-28)

Note: Version bump only for package @ui5/webcomponents-icons

2.4.0-rc.2 (2024-10-24)

Note: Version bump only for package @ui5/webcomponents-icons

2.4.0-rc.1 (2024-10-17)

Bug Fixes

tools: revert tsconfig moduleResolution to node (#10014) (0724b92)

2.4.0-rc.0 (2024-10-10)

Note: Version bump only for package @ui5/webcomponents-icons

2.3.1-rc.0 (2024-10-03)

Note: Version bump only for package @ui5/webcomponents-icons

2.3.0 (2024-10-02)

Note: Version bump only for package @ui5/webcomponents-icons

2.3.0-rc.3 (2024-09-26)

Note: Version bump only for package @ui5/webcomponents-icons

2.3.0-rc.2 (2024-09-19)

Note: Version bump only for package @ui5/webcomponents-icons

2.3.0-rc.1 (2024-09-12)

Note: Version bump only for package @ui5/webcomponents-icons

2.3.0-rc.0 (2024-09-05)

Note: Version bump only for package @ui5/webcomponents-icons

2.2.0 (2024-09-03)

Note: Version bump only for package @ui5/webcomponents-icons

2.2.0-rc.3 (2024-08-29)

Note: Version bump only for package @ui5/webcomponents-icons

2.2.0-rc.2 (2024-08-22)

Note: Version bump only for package @ui5/webcomponents-icons

2.2.0-rc.1 (2024-08-15)

Note: Version bump only for package @ui5/webcomponents-icons

2.2.0-rc.0 (2024-08-08)

Features

core: add asset files with fetch URLs (#9591) (f039cf6)

2.1.1 (2024-08-02)

Note: Version bump only for package @ui5/webcomponents-icons

2.1.0 (2024-08-02)

Note: Version bump only for package @ui5/webcomponents-icons

2.1.0-rc.3 (2024-08-01)

Features

update @ui5/webcomponents-icons to 5.9 & 4.21 (#9563) (10b697d)

2.1.0-rc.2 (2024-07-25)

Note: Version bump only for package @ui5/webcomponents-icons

2.1.0-rc.1 (2024-07-18)

Note: Version bump only for package @ui5/webcomponents-icons

2.1.0-rc.0 (2024-07-11)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.1 (2024-07-05)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.0 (2024-07-03)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.0-rc.6 (2024-06-17)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.0-rc.5 (2024-06-06)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.0-rc.4 (2024-05-29)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.0-rc.3 (2024-05-10)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.0-rc.2 (2024-04-18)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.0-rc.1 (2024-04-11)

Note: Version bump only for package @ui5/webcomponents-icons

2.0.0-rc.0 (2024-04-09)

chore

bring release-2.0 to main (#8651) (69271c9), closes #8494 #8496 #8461 #8497 #8461 #8504 #8509 #8507 #8511 #8501 #8461 #8503 #8461 #8506 #8502 #8524 #8461 #8525 #8461 #8518 #8461 #8526 #8529 #8528 #8531 #8532 #8534 #8163 #8527 #8538 #8521 #8461 #8542 #8461 #8548 #8555 #8559 #8565 #8570 #8558 #8568 #8596 #8192 #8606 #8605 #8600 #8602 #8593

BREAKING CHANGES

"Device#isIE" method has been removed and no longer available

Removed the CSP.js module and the creation of <style> and <link> tags, as all browsers now support adoptedStyleSheets. The following APIs are not available any more and should not be used:

import { setUseLinks } from "@ui5/webcomponents-base/dist/CSP.js"
import { setPackageCSSRoot } from "@ui5/webcomponents-base/dist/CSP.js"
import { setPreloadLinks } from "@ui5/webcomponents-base/dist/CSP.js"

Removed the ICardHeader interface. If you previously used the interface

import type { ICardHeader } from "@ui5/webcomponents-base/dist/Card.js"

Use the CardHeader type instead:

import type CardHeader from "@ui5/webcomponents-base/dist/CardHeader.js"

Removed the IUploadCollectionItem interface. If you previously used the interface:

import type { IUploadCollectionItem} from "@ui5/webcomponents-fiori/dist/UploadCollection.js"

Use the UploadCollectionItem type instead:

import type UploadCollectionItem from "@ui5/webcomponents-fiori/dist/UploadCollectionItem.js"

The size property now accepts different values. If you previously used it like:
```
<ui5-busy-indicator size="Small"></ui5-busy-indicator>
```
Now use the new values instead:
```
<ui5-busy-indicator size="S"></ui5-busy-indicator>
```

The status property and its shadow part have been renamed. If you previously used them:

<style>
  .cardHeader::part(status) { ... }
</style>
<ui5-card-header status="3 of 10"></ui5-popover>

Now use additionalText instead:

<style>
     .cardHeader::part(additional-text) { ... }
</style>
<ui5-card-header class="cardHeader" additional-text="3 of 10"></ui5-card-header>

The pageIndicatorStyle no longer exists. If you previously used it like:

<ui5-carousel page-indicator-style="Numeric"></ui5-carousel>

Now you should use pageIndicatorType instead:

<ui5-carousel page-indicator-type="Numeric"></ui5-carousel>

Removed UI5Element#render method in favour of UI5Element#renderer. If you previously used "render"

class MyClass extends UI5Element {
  static get render() {
      return litRenderer;
  }
}

start using "renderer"

class MyClass extends UI5Element {
  static get renderer() {
      return litRenderer;
  }
}

Remove JavaScript template option from @ui5/create-webcomponents-package Previously npm init @ui5/webcomponents-package used to create JS-based project, however now it will be TypeScript-based project. If you previously used npm init @ui5/webcomponents-package --enable-typescript to create TypeScript-based project, now it's by default, e.g npm init @ui5/webcomponents-package and --enable-typescript is removed.
The Left and Right options option have been renamed. If you previously used them to set the placement or the alignment of the popover:
```
<ui5-popover horizontal-align="Left" placement-type="Left"></ui5-popover>
```
Now use Start or End instead:
```
<ui5-popover horizontal-align="Start" placement-type="Start"></ui5-popover>
```

docs: deploy v2 preview
Remove soccor icon. Use soccer instead.
Remove add-polygone icon. Use add-polygon instead.
The JSDoc plugin has been removed, and the generation of api.json has stopped. If you previously relied on the ui5-package/dist/api.json file, you can now use ui5-package/dist/custom-elements.json

All Assets-static.js modules are removed. If you previously imported any Assets-static.js module from any package:

import "@ui5/webcomponents/dist/Assets-static.js";
import "@ui5/webcomponents-icons/dist/Assets-static.js"

use the dynamic equivalent of it:

import "@ui5/webcomponents/dist/Assets.js";
import "@ui5/webcomponents-icons/dist/Assets.js"

The event selected-dates-change is renamed to selection-change. In addition the event details values and dates are renamed to selectedValues and selectedDateValues. If you previously used the Calendar event as follows:

myCalendar.addEventListener("selected-dates-change", () => {
  const values = e.detail.values;
  const dates = e.detail.dates;
})

Now you have to use the new event name and details:

myCalendar.addEventListener("selection-change", () => {
 const values = event.detail.selectedValues;
 const dates = event.detail.selectedDateValues;
})

The property color is renamed to value. If you previously used the change event of the ColorPicker as follows:
```
<ui5-color-picker color="red"></ui5-color-picker>
```
Now you have to use it like this:
```
<ui5-color-picker value="red"></ui5-color-picker>
```

JavaScript projects may not function properly with the tools package.

The openPopover and showAt methods are removed in favor of open and opener properties. If you previously used the imperative API:

button.addEventListener("click", function(event) {
  colorPalettePopover.showAt(this);
});

Now the declarative API should be used instead:

<ui5-button id="opener">Open</ui5-button>
<ui5-color-palette-popover opener="opener">

button.addEventListener("click", function(event) {
  colorPalettePopover.open = !colorPalettePopover.open;
});

The ui5-bar component is now in main library. If you previously imported the ui5-bar from fiori:
```
import "@ui5/webcomponents-fiori/dist/Bar.js;
```
Now, import the ui5-bar from main:
```
import "@ui5/webcomponents/dist/Bar.js";
```

If you have previously used:

<ui5-tab id="nestedTab" slot="subTabs"></ui5-tab>

Now use:

<ui5-tab id="nestedTab" slot="items"></ui5-tab>

Relates to https://github.com/SAP/ui5-webcomponents/issues/8461

If you have previously used:

<ui5-tabcontainer tabs-overflow-mode="StartAndEnd"></ui5-tabcontainer>

Now use:

<ui5-tabcontainer overflow-mode="StartAndEnd"></ui5-tabcontainer>

Relates to https://github.com/SAP/ui5-webcomponents/issues/8461

If you previously imported TabContainerBackgroundDesign, use BackgroundDesign instead.

Relates to https://github.com/SAP/ui5-webcomponents/issues/8461

The showOverflow property is removed. If previously you have used:

<ui5-tabcontainer show-overflow></ui5-tabcontainer>

now use the overflowButton slot:

<ui5-tabcontainer>
  <ui5-button slot="startOverflowButton" id="startOverflowButton">Start</ui5-button>
  <ui5-button slot="overflowButton" id="endOverflowButton">End</ui5-button>
</ui5-tabcontainer>

Relates to https://github.com/SAP/ui5-webcomponents/issues/8461

The placementType property and the PopoverPlacementType enum have been renamed. If you have previously used the placementType property and the PopoverPlacementType

<ui5-popover placement-type="Bottom"></ui5-popover>

import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacementType.js";

Now use placement instead:

<ui5-placement="Bottom"></ui5-popover>

import PopoverPlacementType from "@ui5/webcomponents/dist/types/PopoverPlacement.js";

The size property of the ui5--illustrated-message is renamed to design. If you have previously used the size property:
```
<ui5-illustrated-message size="Dialog">
```
Now use design instead: ```html<ui5-illustrated-message design="Dialog">


Related to https://github.com/SAP/ui5-webcomponents/issues/8461, https://github.com/SAP/ui5-webcomponents/issues/7887
* The `separator-style` property is renamed to  `separators` and the `BreadcrumbsSeparatorStyle` enum is renamed to `BreadcrumbsSeparator`.
If you have previously used the `separator-style` property:
```html
<ui5-breadcrumbs separator-style="Slash">

Now use separators instead:

<ui5-breadcrumbs separators="Slash">

The disabled property of the ui5-option is removed. If you have previously used the disabled property:
```
<ui5-option disabled>Option</ui5-option>
```
it will no longer work for the component.

You can no longer import and implement the ITab interface. TabContainer is designed to work only with Tab and TabSeparator classes, so the interface was obsolete.

1.24.0 (2024-04-04)

Note: Version bump only for package @ui5/webcomponents-icons

1.24.0-rc.4 (2024-04-04)

Note: Version bump only for package @ui5/webcomponents-icons

1.24.0-rc.3 (2024-03-28)

Note: Version bump only for package @ui5/webcomponents-icons

1.24.0-rc.2 (2024-03-21)

Note: Version bump only for package @ui5/webcomponents-icons

1.24.0-rc.1 (2024-03-15)

Note: Version bump only for package @ui5/webcomponents-icons

1.24.0-rc.0 (2024-03-14)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.1 (2024-03-08)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.1-rc.0 (2024-03-07)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.0 (2024-03-06)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.0-rc.5 (2024-02-29)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.0-rc.4 (2024-02-26)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.0-rc.3 (2024-02-22)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.0-rc.2 (2024-02-20)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.0-rc.1 (2024-02-19)

Note: Version bump only for package @ui5/webcomponents-icons

1.23.0-rc.0 (2024-02-15)

Note: Version bump only for package @ui5/webcomponents-icons

1.22.1-rc.0 (2024-02-08)

Note: Version bump only for package @ui5/webcomponents-icons

1.22.0 (2024-02-05)

Note: Version bump only for package @ui5/webcomponents-icons

1.22.0-rc.3 (2024-02-01)

Bug Fixes

release build (#8222) (27042ac)

1.22.0-rc.2 (2024-01-25)

Note: Version bump only for package @ui5/webcomponents-icons

1.22.0-rc.1 (2024-01-18)

Note: Version bump only for package @ui5/webcomponents-icons

1.22.0-rc.0 (2024-01-11)

Note: Version bump only for package @ui5/webcomponents-icons

1.21.0 (2024-01-05)

Note: Version bump only for package @ui5/webcomponents-icons

1.21.0-rc.5 (2024-01-04)

Note: Version bump only for package @ui5/webcomponents-icons

1.21.0-rc.4 (2023-12-28)

Note: Version bump only for package @ui5/webcomponents-icons

1.21.0-rc.3 (2023-12-21)

Bug Fixes

declare webpackChunkName in more generated dynamic imports (#8029) (c85fa23)

1.21.0-rc.2 (2023-12-14)

Note: Version bump only for package @ui5/webcomponents-icons

1.21.0-rc.1 (2023-12-08)

Bug Fixes

infra: release commands (#7978) (b0e653c)

1.21.0-rc.0 (2023-12-07)

Note: Version bump only for package @ui5/webcomponents-icons

1.20.0 (2023-12-04)

Note: Version bump only for package @ui5/webcomponents-icons

1.20.0-rc.3 (2023-11-30)

Note: Version bump only for package @ui5/webcomponents-icons

1.20.0-rc.2 (2023-11-23)

Note: Version bump only for package @ui5/webcomponents-icons

1.20.0-rc.1 (2023-11-16)

Note: Version bump only for package @ui5/webcomponents-icons

1.20.0-rc.0 (2023-11-09)

Note: Version bump only for package @ui5/webcomponents-icons

1.19.0 (2023-11-02)

Note: Version bump only for package @ui5/webcomponents-icons

1.19.0-rc.3 (2023-11-02)

Note: Version bump only for package @ui5/webcomponents-icons

1.19.0-rc.2 (2023-10-26)

Note: Version bump only for package @ui5/webcomponents-icons

1.19.0-rc.1 (2023-10-19)

Features

update @ui5/webcomponents-icons to 5.07 & 4.19 (#7708) (1732304)

1.19.0-rc.0 (2023-10-12)

Note: Version bump only for package @ui5/webcomponents-icons

1.18.1-rc.0 (2023-10-05)

Note: Version bump only for package @ui5/webcomponents-icons

1.18.0 (2023-10-02)

Note: Version bump only for package @ui5/webcomponents-icons

1.18.0-rc.2 (2023-09-28)

Note: Version bump only for package @ui5/webcomponents-icons

1.18.0-rc.1 (2023-09-21)

Note: Version bump only for package @ui5/webcomponents-icons

1.18.0-rc.0 (2023-09-07)

Note: Version bump only for package @ui5/webcomponents-icons

1.17.0 (2023-09-01)

Note: Version bump only for package @ui5/webcomponents-icons

1.17.0-rc.2 (2023-08-24)

Bug Fixes

icons: fix "employee-approvals" icon cutt-off (#7461) (40eb99c), closes #7410

1.17.0-rc.1 (2023-08-17)

Note: Version bump only for package @ui5/webcomponents-icons

1.17.0-rc.0 (2023-08-10)

Note: Version bump only for package @ui5/webcomponents-icons

1.16.0 (2023-08-03)

Note: Version bump only for package @ui5/webcomponents-icons

1.16.0-rc.4 (2023-08-03)

Note: Version bump only for package @ui5/webcomponents-icons

1.16.0-rc.3 (2023-07-27)

Note: Version bump only for package @ui5/webcomponents-icons

1.16.0-rc.2 (2023-07-20)

Features

update @ui5/webcomponents-icons to 5.05 & 4.17 (#7315) (2c9730b), closes #7210

1.16.0-rc.1 (2023-07-13)

Note: Version bump only for package @ui5/webcomponents-icons

1.16.0-rc.0 (2023-07-06)

Note: Version bump only for package @ui5/webcomponents-icons

1.15.0 (2023-06-30)

Note: Version bump only for package @ui5/webcomponents-icons

1.15.0-rc.2 (2023-06-22)

Note: Version bump only for package @ui5/webcomponents-icons

1.15.0-rc.1 (2023-06-15)

Note: Version bump only for package @ui5/webcomponents-icons

1.15.0-rc.0 (2023-06-08)

Note: Version bump only for package @ui5/webcomponents-icons

1.14.0 (2023-06-01)

Note: Version bump only for package @ui5/webcomponents-icons

1.14.0-rc.2 (2023-06-01)

Note: Version bump only for package @ui5/webcomponents-icons

1.14.0-rc.1 (2023-05-25)

Note: Version bump only for package @ui5/webcomponents-icons

1.14.0-rc.0 (2023-05-18)

Note: Version bump only for package @ui5/webcomponents-icons

1.13.2 (2023-05-15)

Note: Version bump only for package @ui5/webcomponents-icons

1.13.1 (2023-05-11)

Note: Version bump only for package @ui5/webcomponents-icons

1.13.0-rc.5 (2023-05-11)

Note: Version bump only for package @ui5/webcomponents-icons

1.13.0-rc.4 (2023-05-04)

Note: Version bump only for package @ui5/webcomponents-icons

1.13.0-rc.3 (2023-04-27)

Note: Version bump only for package @ui5/webcomponents-icons

1.13.0-rc.2 (2023-04-20)

Note: Version bump only for package @ui5/webcomponents-icons

1.13.0-rc.1 (2023-04-13)

Note: Version bump only for package @ui5/webcomponents-icons

1.13.0-rc.0 (2023-04-06)

Note: Version bump only for package @ui5/webcomponents-icons

1.12.0 (2023-04-04)

Note: Version bump only for package @ui5/webcomponents-icons

1.12.0-rc.3 (2023-03-30)

Note: Version bump only for package @ui5/webcomponents-icons

1.12.0-rc.2 (2023-03-23)

Bug Fixes

inline sources in the .map file so the src folder is not mandatory (#6732) (16771a6)

Features

icons: add/update icons (#6754) (cad512a)

1.12.0-rc.1 (2023-03-16)

Bug Fixes

icons: use strings instead of template literal for imports (#6681) (ac70676)

1.12.0-rc.0 (2023-03-09)

Note: Version bump only for package @ui5/webcomponents-icons

1.11.0 (2023-03-06)

Note: Version bump only for package @ui5/webcomponents-icons

1.11.0-rc.4 (2023-03-02)

Note: Version bump only for package @ui5/webcomponents-icons

1.11.0-rc.3 (2023-02-23)

Features

support SAPBusinessSuite icons v1 and v2 font ( Horizon ) (#6535) (38233b9)

1.11.0-rc.2 (2023-02-16)

Note: Version bump only for package @ui5/webcomponents-icons

1.11.0-rc.1 (2023-02-09)

Features

icons: add new icons to SAP-icons (4.16 and 5.04) (#6442) (2e1d29f)

1.11.0-rc.0 (2023-02-02)

Note: Version bump only for package @ui5/webcomponents-icons

1.10.4-rc.0 (2023-01-26)

Note: Version bump only for package @ui5/webcomponents-icons

1.10.3 (2023-01-25)

Note: Version bump only for package @ui5/webcomponents-icons

1.10.2 (2023-01-25)

Note: Version bump only for package ui5-webcomponents

1.10.1 (2023-01-24)

Note: Version bump only for package @ui5/webcomponents-icons

1.10.0 (2023-01-20)

Note: Version bump only for package @ui5/webcomponents-icons

1.9.3 (2022-12-16)

Note: Version bump only for package @ui5/webcomponents-icons

1.9.1 (2022-11-10)

Note: Version bump only for package @ui5/webcomponents-icons

1.9.0 (2022-10-31)

Note: Version bump only for package @ui5/webcomponents-icons

1.8.0 (2022-10-03)

Note: Version bump only for package @ui5/webcomponents-icons

1.7.1 (2022-09-08)

Note: Version bump only for package @ui5/webcomponents-icons

1.7.0 (2022-09-02)

Features

icons: update to 4.14.0 5.0.2 SAP-Icons font (#5605) (d794c0b)

1.6.0 (2022-07-25)

Note: Version bump only for package @ui5/webcomponents-icons

1.5.0 (2022-07-03)

Note: Version bump only for package @ui5/webcomponents-icons

1.4.0 (2022-05-25)

Note: Version bump only for package @ui5/webcomponents-icons

1.3.1 (2022-04-27)

Note: Version bump only for package @ui5/webcomponents-icons

1.3.0 (2022-04-19)

Note: Version bump only for package @ui5/webcomponents-icons

1.2.4 (2022-03-30)

Note: Version bump only for package @ui5/webcomponents-icons

1.2.3 (2022-03-23)

Note: Version bump only for package @ui5/webcomponents-icons

1.2.2 (2022-03-22)

Note: Version bump only for package @ui5/webcomponents-icons

1.2.1 (2022-03-02)

Note: Version bump only for package @ui5/webcomponents-icons

1.2.0 (2022-02-28)

Features

add and update icons from 4.13 and 5.01 icon fonts (#4790) (a9e88f0)
icons: add qr-code icon (#4645) (0208103), closes #4643

1.1.2 (2022-01-26)

Note: Version bump only for package @ui5/webcomponents-icons

1.1.1 (2022-01-24)

Note: Version bump only for package @ui5/webcomponents-icons

1.1.0 (2022-01-21)

Note: Version bump only for package @ui5/webcomponents-icons

1.0.2 (2021-11-29)

Bug Fixes

prevent runtime error on malformed custom theme object (#4375) (dd10d7c)

1.0.1 (2021-11-10)

Note: Version bump only for package @ui5/webcomponents-icons

1.0.0 (2021-11-10)

Note: Version bump only for package @ui5/webcomponents-icons






# [1.0.0-rc.16](https://github.com/SAP/ui5-webcomponents/compare/v1.0.0-rc.15...v1.0.0-rc.16) (2021-11-09)


### Features

* **icons:** introduce SAP-icons5.0 ([#4244](https://github.com/SAP/ui5-webcomponents/issues/4244)) ([c0a226e](https://github.com/SAP/ui5-webcomponents/commit/c0a226e))


### BREAKING CHANGES

* The icons SVG imports are changed. If you previously had
```js
import "@ui5/webcomponents-icons/dist/accept.svg";

you have to import the SVGs from the v4/ or the v5/ directory:

import "@ui5/webcomponents-icons/dist/v4/accept.svg"; //  for SAPIcons4.0
import "@ui5/webcomponents-icons/dist/v5/accept.svg"; // for SAPIcons5.0

1.0.0-rc.15 (2021-07-23)

Note: Version bump only for package @ui5/webcomponents-icons-tnt

1.0.0-rc.14 (2021-04-01)

Note: Version bump only for package @ui5/webcomponents-icons-tnt

[1.0.0-rc.13(https://github.com/SAP/ui5-webcomponents/compare/v1.0.0-rc.12...v1.0.0-rc.13) (2021-03-26)

Features

icons: add new icons (#3024) (8da6502)

1.0.0-rc.12 (2021-02-18)

Bug Fixes

ui5-icon: ui5-icon i18n works for all packages (#2816) (91e16a1)

1.0.0-rc.11 (2020-12-21)

Note: Version bump only for package @ui5/webcomponents-icons

1.0.0-rc.10 (2020-11-12)

Bug Fixes

icons: Fix text-formatting icon (#2326) (d69fbcb)

Features

icons: update icons from latest icon font (#2397) (11d3bbc)

1.0.0-rc.9 (2020-10-08)

Note: Version bump only for package @ui5/webcomponents-icons

1.0.0-rc.8 (2020-07-30)

Bug Fixes

icons: overflow icon is now centered (#1777) (36d0eca)

Features

framework: Make icons RTL aware (#1833) (29a991f), closes #1831

1.0.0-rc.7 (2020-04-30)

Note: Version bump only for package @ui5/webcomponents-icons

1.0.0-rc.6 (2020-03-27)

Note: Version bump only for package @ui5/webcomponents-icons

1.0.0-rc.5 (2019-12-02)

Note: Version bump only for package @ui5/webcomponents-icons

Détail du package

readme

What are UI5 Web Components?

Why use web components?

Where can I see them in action?

More Resources

Related Projects

OpenUI5

1. What is UI5/OpenUI5?

2. How do UI5 Web Components relate to OpenUI5?

UI5 Web Components for React

UI5 Web Components for Angular

How to Use

Typescript Support

Is there a CDN I can use?

Browser Support

Project Structure, Development and Build

Requirements

Structure

How to run the project locally:

How to start Website (Docs & Samples):

Production Build

Limitations

Known Issues

Support

Contribute

changelog

Change Log

2.12.0 (2025-07-04)

2.12.0-rc.3 (2025-07-03)

2.12.0-rc.2 (2025-06-26)

2.12.0-rc.1 (2025-06-19)

2.12.0-rc.0 (2025-06-12)

2.11.0 (2025-06-05)

2.11.0-rc.4 (2025-06-05)

2.11.0-rc.3 (2025-05-29)

Features

2.11.0-rc.2 (2025-05-22)

2.11.0-rc.1 (2025-05-15)

2.11.0-rc.0 (2025-05-08)

2.10.0 (2025-05-07)

2.10.0-rc.3 (2025-05-01)

2.10.0-rc.2 (2025-04-24)

2.10.0-rc.1 (2025-04-17)

2.10.0-rc.0 (2025-04-14)

2.9.1-rc.0 (2025-04-10)

2.9.0 (2025-04-04)

2.9.0-rc.3 (2025-04-03)

Bug Fixes

2.9.0-rc.2 (2025-03-27)

2.9.0-rc.1 (2025-03-20)

2.9.0-rc.0 (2025-03-13)

2.8.1-rc.0 (2025-03-06)

2.8.0 (2025-03-04)

2.8.0-rc.3 (2025-02-27)

Features

2.8.0-rc.2 (2025-02-20)

2.8.0-rc.1 (2025-02-13)

2.8.0-rc.0 (2025-02-06)

2.7.0 (2025-02-03)

2.7.0-rc.2 (2025-01-30)

Features

2.7.0-rc.1 (2025-01-23)

2.7.0-rc.0 (2025-01-16)

2.6.2 (2025-01-09)

2.6.2-rc.0 (2025-01-09)

2.6.1 (2025-01-08)

2.6.0 (2025-01-07)

2.6.0-rc.5 (2025-01-07)

2.6.0-rc.4 (2025-01-02)

2.6.0-rc.3 (2024-12-26)

2.6.0-rc.2 (2024-12-19)

2.6.0-rc.1 (2024-12-16)

2.6.0-rc.0 (2024-12-12)

2.5.0 (2024-12-05)

2.5.0-rc.3 (2024-12-05)

2.5.0-rc.2 (2024-11-28)

2.5.0-rc.1 (2024-11-21)

2.5.0-rc.0 (2024-11-14)

2.4.1-rc.0 (2024-11-07)