-gtk-icon-source: -gtk-recolor(url('icon-symbolic')); seems buggy with symbolic colours

Steps to reproduce

1. Create a widget that takes the -gtk-icon-source node (spinner, checkbutton)
2. Apply -gtk-icon-source: -gtk-recolour(url('$ICON-symbolic.svg')); for any $ICON that uses one of the three symbolic colour classes (success, error, warning)
3. Observe the colours of the icon

Current behavior

• The icon's warning/success/error colours seem to change without any rhythm or rhyme (i.e. triggering the hover state twice on checkbuttons results in two different appearances for each time)

Expected outcome

• The icon's warning/success/error colours should reflect the warning/success/error palette

Version information

GTK: 3.24.12 Distro: openSUSE Tumbleweed

Additional information

Three checkbuttons with the same state and same CSS properties (-gtk-icon-source: -gtk-recolor(url('microphone-sensitivity-muted-symbolic.svg'));)

The icon used in the screenshot:

The test script producing the window: testwin.py

Illustration of how inconsistent the rendering is (toggling LtR <-> RtL in GTK inspector) oh_come_on