DBIcon prop `variant` is not evaluated

[d-koppenhagen]

Which generators are affected?

• All
• HTML
• React
• Angular
• Vue
• Web components
• Power Apps

Reproduction case

I noticed that setting the variant has no effect (Noticed it in React, but probably other frameworks are affected as well):

<DBIcon icon="exclamation_mark_triangle" variant="filled" />

See: https://codesandbox.io/p/devbox/cold-silence-d5zg66?file=%2Fsrc%2FApp.tsx%3A13%2C1

Expected Behaviour

The Filled prop should be evaluated and applied for the icon. The used icon generally has a filled variant as proved here:
https://design-system.deutschebahn.com/core-web/version/v4.5.3/foundations/icons/overview

Screenshots

No response

Browser version

None

Add any other context about the problem here.

A workaround for now is to set the variant via CSS which only works when the property variant="filled" is not passed:

.my-filled-icon {
  --db-icon-font-family: "db-filled";
}

Which DB business unit do you work for?

DB Systel GmbH (please name your customer below)

”DB Systel” please enter your customer / ”other” please enter your area or business unit.

DB InfraGo

What project are you working on?

M4A

[mfranzke]

similar to #4547

[mfranzke]

@d-koppenhagen thanks a lot for your feedback,

The DBIcon component is one of these undocumented leftovers of previous approaches that we might remove in the future. The easiest way to work around those problems at the moment would be to use the HTML-attributes data-icon etc. directly, not using DBIcon at all:
https://design-system.deutschebahn.com/core-web/version/v4.5.3/foundations/icons/readme

Except obviously if you do see a use case in having an DBIcon component instead of the HTML annotations.