# Tip: how to create SVGs and changing the fill color dynamically **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [November 22, 2021, 9:40pm UTC](https://forum.inductiveautomation.com/t/tip-how-to-create-svgs-and-changing-the-fill-color-dynamically/53361 "2021-11-22T21:40:14Z")\ **Posts on this page:** 1\ **Showing post:** 38
**Author:** ![swolnisty](https://avatars.discourse-cdn.com/v4/letter/s/7bcc69/32.png) [@swolnisty](https://forum.inductiveautomation.com/u/swolnisty)\ **Post date:** [March 31, 2022, 9:11pm UTC](https://forum.inductiveautomation.com/t/tip-how-to-create-svgs-and-changing-the-fill-color-dynamically/53361/38 "2022-03-31T21:11:29Z")
Actually, I think you _can_ coerce extra CSS properties into a style class from the designer alone. Whether you’re supposed to be able to or not is another matter. 🙂 A quick test in version 8.1.9 seems to confirm that a sort of “property injection” similar to the CSS injection hack @victordcq found will also work if you place your intended property within a property that takes a string value, you would just need to prefix it with a semi-colon to close the property you are entering it into: ```auto ; vector-effect: non-scaling-stroke ``` No need for a semi-colon at the end unless you wish to add multiple properties at once, since the originally edited style class property will end the line in a semi-colon automatically. Observe: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/8/08055446c2a152ef362ef02ca9c8b187cb0fbb7d.png) Inspecting an element that has been assigned this style class from Chrome’s web dev tools: ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/6/76c58adcaa5114dbb40317c7aea4c02714b15aea.png) --- _[View the full topic](https://forum.inductiveautomation.com/t/tip-how-to-create-svgs-and-changing-the-fill-color-dynamically/53361)._