# SVG Import Blue Loading Circle Error

**URL:** <https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733>\
**Category:** Ignition\
**Tags:** vision, ignition80\
**Created:** [October 15, 2020, 8:52pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733 "2020-10-15T20:52:27Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![azoraian](https://avatars.discourse-cdn.com/v4/letter/a/c57346/32.png) [@azoraian](https://forum.inductiveautomation.com/u/azoraian)\
**Post date:** [October 15, 2020, 8:52pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/1 "2020-10-15T20:52:27Z")

</div>

Hi,

Have been struggling with importing an SVG into my Vision Window. I have a PNG file that i’ve attempted to convert (tried both Inkscape and Gravit Designer, as was suggested in [this post](http://forum.inductiveautomation.com/t/svg-import-error/15791/3)). When imported, I have been getting a blue Windows loading circle and the SVG fails to import. I’m currently using version 8.0.10 of Ignition, and Java version 8 update 261. I also referenced [this post](http://forum.inductiveautomation.com/t/recommendations-for-svg-editor/29303/6). Hoping someone may have a suggestion or have seen this issue before. Any help is greatly appreciated!

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [October 15, 2020, 11:24pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/2 "2020-10-15T23:24:07Z")

</div>

Can you share the SVG?

---

<div class="post-metadata">

**Author:** ![IMEngineering](https://avatars.discourse-cdn.com/v4/letter/i/a183cd/32.png) [@IMEngineering](https://forum.inductiveautomation.com/u/IMEngineering)\
**Post date:** [November 12, 2020, 8:25am UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/3 "2020-11-12T08:25:08Z")

</div>

I’m having the same issue. Same version of Ignition on Win 10. Every time I put an SVG into a Vision Window it stucks and I can’t do anything. I have to quit Ignition (or kill the process).  
Attached I put the Svg that I’m working with.  
Thank you  
 ![Test2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/5/250013ef89cc51ab1c41876af483213209f2c75c.svg) ![Test2](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/5/250013ef89cc51ab1c41876af483213209f2c75c.svg)

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [November 12, 2020, 1:54pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/4 "2020-11-12T13:54:33Z")

</div>

It seems you’ve uploaded an empty or invalid SVG. Did something go wrong?

---

<div class="post-metadata">

**Author:** ![IMEngineering](https://avatars.discourse-cdn.com/v4/letter/i/a183cd/32.png) [@IMEngineering](https://forum.inductiveautomation.com/u/IMEngineering)\
**Post date:** [November 12, 2020, 3:13pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/5 "2020-11-12T15:13:56Z")

</div>

![BBWP_01](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/f/4f1dc499f77b0f38819e1915fa49e584b0f5541b.svg)

This is the original file. I can open it on inkscape but I can’t put it on my vision page.

P.S. I don’t understand why I can’t load it on the forum!

---

<div class="post-metadata">

**Author:** ![IMEngineering](https://avatars.discourse-cdn.com/v4/letter/i/a183cd/32.png) [@IMEngineering](https://forum.inductiveautomation.com/u/IMEngineering)\
**Post date:** [November 12, 2020, 3:16pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/6 "2020-11-12T15:16:04Z")

</div>

I put both files on a wetransfer:  
[https://we.tl/t-SVKSFHJu2J](https://we.tl/t-SVKSFHJu2J)

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [November 12, 2020, 3:29pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/7 "2020-11-12T15:29:43Z")

</div>

What version are you using?

These SVGs don’t work in Ignition because they contain embedded raster images, but it doesn’t freeze my Designer, just causes a big error to get logged.

---

<div class="post-metadata">

**Author:** ![IMEngineering](https://avatars.discourse-cdn.com/v4/letter/i/a183cd/32.png) [@IMEngineering](https://forum.inductiveautomation.com/u/IMEngineering)\
**Post date:** [November 12, 2020, 4:00pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/8 "2020-11-12T16:00:29Z")

</div>

I have downladed this morning the 8.1.0 to test.  
With this version I have seen that I can work but is still running the blue circle of W10 (like it is trying to do something).

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/a/0a4c14e7203de7f6e89deff35cdfe14f586c0dd8.png)

So there’s no other option than change the SVG?

Thank you

---

<div class="post-metadata">

**Author:** ![Kevin.Herron](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kevin.herron/32/7259_2.png) [@Kevin.Herron](https://forum.inductiveautomation.com/u/Kevin.Herron)\
**Post date:** [November 12, 2020, 4:01pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/9 "2020-11-12T16:01:50Z")

</div>

Your use of SVG in this case is pointless. All it contains is an embedded PNG file. You’ve lost all the benefits you might have reaped from using vector graphics. Might as well just use the PNG directly.

---

<div class="post-metadata">

**Author:** ![IMEngineering](https://avatars.discourse-cdn.com/v4/letter/i/a183cd/32.png) [@IMEngineering](https://forum.inductiveautomation.com/u/IMEngineering)\
**Post date:** [November 12, 2020, 4:55pm UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/10 "2020-11-12T16:55:08Z")

</div>

I know this but I’m working with an external freelance that is creating the SVG for me (this was just an example) but before we go deep into the items needed, I must be sure that everything is working.

Thank you

---

<div class="post-metadata">

**Author:** ![IMEngineering](https://avatars.discourse-cdn.com/v4/letter/i/a183cd/32.png) [@IMEngineering](https://forum.inductiveautomation.com/u/IMEngineering)\
**Post date:** [January 28, 2021, 11:10am UTC](https://forum.inductiveautomation.com/t/svg-import-blue-loading-circle-error/39733/11 "2021-01-28T11:10:05Z")

</div>

Hi Kevin,  
I was able, with the help of the freelancer to fix couple of items and publish them in my project but now I have strange issues. When I try to open them the small heat exchanger and butterfly valve doesn’t open. The Big plate heat exchanger open properly. I don’t understand why. Could you please help me understand this?  
Thank you ![Scambiatore a piastre](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/8/88e812b844b4a1ad5843ab9e1eb903b1c9cdae07.svg) ![Saldobrasato-01](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/a/4a7b6fa6cf2b9daee5048fea2d7e30d4d62da41d.svg) ![ZVF_01_02](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/b/5b3705b5dee06107c533290d4ad96d11b7be1bd7.svg)
