I came across this problem yesterday and i am not sure if there is a solution out there other than just re-point the icon in the active state to the icon it was before. But here it goes
In our Design System we have 2 icon states Outline and Filled. The filled icon is only used for select active states on a few components.
One of these components is List, we can have an icon to the left of the text and when it is then “selected” as an active state the icon swaps to a filled icon and the state of the background also changes. See example below.
The problem is since these are 2 different icon sets the icon that has been set from the designer in the list will not swap to the filled icon when the active state is set. I assume this is due to our outlines are named “home” for outline and “home_filled” for filled icons.
Has anyone come across a problem like this before and came up with a solution?