# Symbol Factory animated symbol color change

**URL:** <https://forum.inductiveautomation.com/t/symbol-factory-animated-symbol-color-change/51753>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [October 8, 2021, 2:14pm UTC](https://forum.inductiveautomation.com/t/symbol-factory-animated-symbol-color-change/51753 "2021-10-08T14:14:49Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [October 11, 2021, 9:51am UTC](https://forum.inductiveautomation.com/t/symbol-factory-animated-symbol-color-change/51753/6 "2021-10-11T09:51:32Z")

</div>

you can put css transform animations on svgs. it will be a bit tricky to make this work tho.  
infact the animaton on the pump is already css based.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/4/44ff1eac311711e6715519c79995c3a371d49adf.png)  
this is the best you can get with the pump from igntion. for some reason the blades are not blades but just lines, so you cant fill them… i guess you could increase the stroke-width a bit of the fans so then there are 8 smaller fans

`.pump_centrifugal_rotor>g>path:nth-child(1){fill:white;} .ia_symbolComponent-pump-centrifugal{fill:grey;}`

---

_[View the full topic](https://forum.inductiveautomation.com/t/symbol-factory-animated-symbol-color-change/51753)._