# New svg graphics

**URL:** <https://forum.inductiveautomation.com/t/new-svg-graphics/5187>\
**Category:** Ignition\
**Created:** [September 25, 2012, 6:11pm UTC](https://forum.inductiveautomation.com/t/new-svg-graphics/5187 "2012-09-25T18:11:31Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![AJBerera](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@AJBerera](https://forum.inductiveautomation.com/u/AJBerera)\
**Post date:** [September 25, 2012, 6:11pm UTC](https://forum.inductiveautomation.com/t/new-svg-graphics/5187/1 "2012-09-25T18:11:31Z")

</div>

I’ve been following the Inkscape tutorial to create animations on my SVG graphic to change the transparency…If you drag this button into Ignition you don’t see any of the XML stuff take effect and the button is now a rectangle with no gradients

How do I know if I have seperated the underlying PNG from the SVG I created?

---

<div class="post-metadata">

**Author:** ![greg.simpson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/greg.simpson/32/3135_2.png) [@greg.simpson](https://forum.inductiveautomation.com/u/greg.simpson)\
**Post date:** [September 25, 2012, 6:29pm UTC](https://forum.inductiveautomation.com/t/new-svg-graphics/5187/2 "2012-09-25T18:29:29Z")

</div>

Is this question asking how to do something within Inkscape?

---

<div class="post-metadata">

**Author:** ![AJBerera](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@AJBerera](https://forum.inductiveautomation.com/u/AJBerera)\
**Post date:** [September 25, 2012, 6:40pm UTC](https://forum.inductiveautomation.com/t/new-svg-graphics/5187/3 "2012-09-25T18:40:00Z")

</div>

I’m not exactly sure, I tried to post the SVG i made in Inkscape and it wouldn’t upload to this forum so I’m assuming there is an Underlying PNG in the file, How can I filter this out ? I saw in another post that someone had been having a similar problem importing SVG graphics from Inkscape but didn’t say how to fix this.

For some reason I’m actually not able to import anything created with effects or filters into Ignition.  
I guess I need to go read what the update actually was for 7.5.3

---

<div class="post-metadata">

**Author:** ![greg.simpson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/greg.simpson/32/3135_2.png) [@greg.simpson](https://forum.inductiveautomation.com/u/greg.simpson)\
**Post date:** [September 25, 2012, 11:33pm UTC](https://forum.inductiveautomation.com/t/new-svg-graphics/5187/4 "2012-09-25T23:33:00Z")

</div>

have you tried to combine the object then try to bring it in to Ignition?

You may need to look at the Inkscape documentation.

---

<div class="post-metadata">

**Author:** ![AJBerera](https://avatars.discourse-cdn.com/v4/letter/a/9fc29f/32.png) [@AJBerera](https://forum.inductiveautomation.com/u/AJBerera)\
**Post date:** [September 26, 2012, 12:46pm UTC](https://forum.inductiveautomation.com/t/new-svg-graphics/5187/5 "2012-09-26T12:46:22Z")

</div>

I have tried to group them…  
It seems almost like the opacity, and rounding ( which I believe are in the XML ) are ignored when I bring the SVG into Ignition.  
I’ve tried Inkscape .SVG plain .SVG and optimized .SVG

If Inkscape is the problem, or the XML, I’ll just use something else… What have people had success using to bring in animated SVGs?

I could always just change the opacity after dragging into Ignition and the same could be said about the animation… The rounding of corners is kind of a drag and it almost seems like it would be better to develop graphics solely in Ignition designer.

---

<div class="post-metadata">

**Author:** ![greg.simpson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/greg.simpson/32/3135_2.png) [@greg.simpson](https://forum.inductiveautomation.com/u/greg.simpson)\
**Post date:** [September 26, 2012, 3:14pm UTC](https://forum.inductiveautomation.com/t/new-svg-graphics/5187/6 "2012-09-26T15:14:44Z")

</div>

I think I might have missed something somewhere. Ignition doesn’t support animated SVGs. The only way to animate an SVG in Ignition is by changing the image out to give it the appearance of being animated.
