# Embedding SVG causes image to be all black

**URL:** <https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 16, 2023, 4:30pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633 "2023-01-16T16:30:10Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [January 16, 2023, 4:30pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633/1 "2023-01-16T16:30:11Z")

</div>

I'm trying to embed an SVG on a perspective view, but for some reason when I try to embed the SVG (after dragging and dropping the file on the view), it comes out all black. If i choose "Save and link" it looks normal, but unfortunately i have no access to the individual SVG elements doing it that way.

Anyone know what's going on?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/2/124281a3c3eb4987cacb7991c83aab4d5766f96c.png)

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [January 16, 2023, 4:54pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633/2 "2023-01-16T16:54:48Z")

</div>

What version of Ignition? SVG embedding has improved dramatically in the newer versions. 8.1.23 is a good one to test your SVG in to see how it looks after an embed.

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [January 16, 2023, 4:59pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633/3 "2023-01-16T16:59:06Z")

</div>

8.1.22

---

<div class="post-metadata">

**Author:** ![Steve\_Laubach](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/steve_laubach/32/60900_2.png) [@Steve\_Laubach](https://forum.inductiveautomation.com/u/Steve_Laubach)\
**Post date:** [January 16, 2023, 5:09pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633/4 "2023-01-16T17:09:17Z")

</div>

If you have a computer or VM you can install Ignition on I would recommend trying your SVG in 8.1.23 and see if it renders properly. I can tell you that all of my SVGs so far have rendered properly in 8.1.23.

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [January 16, 2023, 5:48pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633/5 "2023-01-16T17:48:02Z")

</div>

Didn't work unfortunately.

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [January 16, 2023, 6:18pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633/6 "2023-01-16T18:18:33Z")

</div>

Maybe share the SVG so others, including IA, can take a look.

This thread, [Improved SVG Importing & Rendering, and Convert To Drawing - #26 by mperkins](https://forum.inductiveautomation.com/t/improved-svg-importing-rendering-and-convert-to-drawing/64504/26), might be a good place to post as well if you think Ignition is somehow to blame, although, as simple as your SVG looks, I bet it is something you did wrong in the process.

If that SVG had to be redrawn it shouldn't take but a few minutes. Not sure what you use, but try Inkscape.

---

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [January 16, 2023, 6:32pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633/7 "2023-01-16T18:32:01Z")

</div>

Do you have any binding on the fill/paint properties of the elements anywhere in the SVG? Is the SVG using any type of advanced element such as gradients?

---

<div class="post-metadata">

**Author:** ![Ryan\_Allen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_allen/32/47013_2.png) [@Ryan\_Allen](https://forum.inductiveautomation.com/u/Ryan_Allen)\
**Post date:** [January 16, 2023, 6:46pm UTC](https://forum.inductiveautomation.com/t/embedding-svg-causes-image-to-be-all-black/68633/8 "2023-01-16T18:46:17Z")

</div>

Changed the fill to "Swatch" instead of "Flat Color" in Inkscape and that fixed it.... Thanks everyone

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/4/1471f1ee5a6d6173924b64e5f39c892ef108b9b2.png)
