# SVG element, dynamic color change - Need help

**URL:** <https://discourse.nodered.org/t/svg-element-dynamic-color-change-need-help/101955>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [20 October 2026 23:19 UTC](https://discourse.nodered.org/t/svg-element-dynamic-color-change-need-help/101955 "2026-10-20T23:19:27Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)\
**Post date:** [21 October 2026 10:33 UTC](https://discourse.nodered.org/t/svg-element-dynamic-color-change-need-help/101955/3 "2026-10-21T10:33:26Z")

</div>

Maybe also check out this forum post:

> [@How to combine SVG's and style overrides](https://discourse.nodered.org/t/how-to-combine-svgs-and-style-overrides/100862):
>
> Saw an interesting article on [SVG style overrides](https://dev.to/subito/letting-product-teams-own-svg-icons-without-code-changes-5hll) recently. Ended in in discussion wit the authors about what I thought would be a better way using CSS Variables. Turns out that I wasn't quite correct initially and had to rethink. Ending up down a deep rabbit hole! Anyway, the result was a [GitHub repo](https://github.com/TotallyInformation/svg-css-vars) with a [working web page](https://totallyinformation.github.io/svg-css-vars/index.html) showing my various workings out and what eventually worked. Thought I'd share here since SVG's are an increasingly common image type for use on dashboards and other UI's. …

---

_[View the full topic](https://discourse.nodered.org/t/svg-element-dynamic-color-change-need-help/101955)._