# Preserve CSS Class References With SVGs

**URL:** <https://forum.inductiveautomation.com/t/preserve-css-class-references-with-svgs/84008>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 10, 2024, 12:41am UTC](https://forum.inductiveautomation.com/t/preserve-css-class-references-with-svgs/84008 "2024-01-10T00:41:38Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ahmed\_Abdel-Gwad](https://avatars.discourse-cdn.com/v4/letter/a/48db29/32.png) [@Ahmed\_Abdel-Gwad](https://forum.inductiveautomation.com/u/Ahmed_Abdel-Gwad)\
**Post date:** [January 10, 2024, 12:41am UTC](https://forum.inductiveautomation.com/t/preserve-css-class-references-with-svgs/84008/1 "2024-01-10T00:41:38Z")

</div>

I am learning how to animate different shapes within an SVG. Animate as in I can bind a reference such as a stage position to a shape and translate its position on the screen. I would like to also be able to use a style sheet to adjust colors and stroke width on shapes or groups within an SVG. I have figured out how to apply styles and class names to these shapes in my image editor.

My issue (or maybe ignorance) appears to occur when I try to bring the SVG into a perspective container. I can see all the objects and groups when directly embedding the svg and I can even see there is an attribute for the style for the shapes that have a style associated with them. What I don't see is the style class name being preserved here. I've tried a few different ways of accomplishing this but I haven't found a way to have the SVG's various shapes link up to my style sheet classes I have setup in perspective without individually going through all the shape attributes and retyping the class name. Maybe I'm missing something. Any advice is appreciated.