# Uploaded icon font color

**URL:** <https://tech-community.robotics.abb.com/t/uploaded-icon-font-color/15192>\
**Category:** AppStudio\
**Created:** [October 21, 2026, 11:21am UTC](https://tech-community.robotics.abb.com/t/uploaded-icon-font-color/15192 "2026-10-21T11:21:14Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![daan\_TebRob](https://avatars.discourse-cdn.com/v4/letter/d/ecc23a/32.png) [@daan\_TebRob](https://tech-community.robotics.abb.com/u/daan_TebRob)\
**Post date:** [October 21, 2026, 11:21am UTC](https://tech-community.robotics.abb.com/t/uploaded-icon-font-color/15192/1 "2026-10-21T11:21:14Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![yitong](https://avatars.discourse-cdn.com/v4/letter/y/3da27b/32.png) [@yitong](https://tech-community.robotics.abb.com/u/yitong)\
**Post date:** [October 22, 2026, 4:47am UTC](https://tech-community.robotics.abb.com/t/uploaded-icon-font-color/15192/2 "2026-10-22T04:47:59Z")

</div>

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

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/robotics1/original/2X/0/0dd225b924f5ac0de09babf27aa6fa39363bdb1b.png)

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.🥲🥲

---

<div class="post-metadata">

**Author:** ![daan\_TebRob](https://avatars.discourse-cdn.com/v4/letter/d/ecc23a/32.png) [@daan\_TebRob](https://tech-community.robotics.abb.com/u/daan_TebRob)\
**Post date:** [October 22, 2026, 7:09am UTC](https://tech-community.robotics.abb.com/t/uploaded-icon-font-color/15192/3 "2026-10-22T07:09:36Z")

</div>

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.