Uploaded icon font color

Hi all,

The future to upload my own SVG images as icons for buttons, has been great. Thank you for adding it!

Now I am trying to change the icon color for different states by editing Font Color. This does work for the regular ABB icons, however not for my own uploaded SVG’s.

Is there a way of doing this, e.g. changing how I define my SVG-file? Or is this simply currently not possible? Thank you in advance.

Daan

Hello AppStudio v1.4.x design renders icons using external SVG files through <img> elements.

Because the SVG content is isolated from the parent element’s CSS inheritance, changing the parent’s color does not automatically change the icon’s internal fill color.

Therefore, for your scenario, it’s recommended that you create several SVGs with different fills to modify the icons during state switches. AppStudio might improve this part in the furture.:smiling_face_with_tear::smiling_face_with_tear:

Thank you for your answer, good to know. We have indeed solved it using the method you described and will patiently await new versions.

Thank you very much.