# Access SVG elements from embedded image

**URL:** <https://forum.inductiveautomation.com/t/access-svg-elements-from-embedded-image/84196>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [January 12, 2024, 3:18pm UTC](https://forum.inductiveautomation.com/t/access-svg-elements-from-embedded-image/84196 "2024-01-12T15:18:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Louis\_Arleth](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@Louis\_Arleth](https://forum.inductiveautomation.com/u/Louis_Arleth)\
**Post date:** [January 12, 2024, 3:18pm UTC](https://forum.inductiveautomation.com/t/access-svg-elements-from-embedded-image/84196/1 "2024-01-12T15:18:32Z")

</div>

Hi there,

is there a way to access the SVG elements from a embedded image?  
I know its possible via the Save & Link import but cannot find it for the other option.  
Thanks in advance!

Greetings, Louis

---

<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 12, 2024, 3:33pm UTC](https://forum.inductiveautomation.com/t/access-svg-elements-from-embedded-image/84196/2 "2024-01-12T15:33:28Z")

</div>

> [@Louis\_Arleth](#):
>
> from a embedded image?

An embeded image or an embeded SVG?

If you mean an embeded SVG then the answer is yes.

Here's and example:

> [@How to add animation by HTML/CSS scripts in Perspective?](https://forum.inductiveautomation.com/t/how-to-add-animation-by-html-css-scripts-in-perspective/75523/14):
>
> Okay, so it took me longer than I wanted (my laptop died), but I finally did get around to completing this, and I have to say I'm pretty pleased with the result. This was a fun exercise and I learned something good along the way. I will give you a disclaimer though, other than a rough idea of what an Azimuth Propeller is, I don't know much else. So for instance, I have no idea what the yellow triangle is supposed to indicate and so I didn't add it. I made some assumptions on how I think the re…

---

<div class="post-metadata">

**Author:** ![Louis\_Arleth](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@Louis\_Arleth](https://forum.inductiveautomation.com/u/Louis_Arleth)\
**Post date:** [January 12, 2024, 3:40pm UTC](https://forum.inductiveautomation.com/t/access-svg-elements-from-embedded-image/84196/3 "2024-01-12T15:40:17Z")

</div>

Thanks for the quick answer.

My plan is to save different SVG's via the Ignition Image Management. If I want to display one of them, I would create an Image Component and select the path to the SVG. If I do so I cannot access the same Props as if I imported the SVG via the Save & Link option.

Hope that clarifies my question.

---

<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 12, 2024, 3:42pm UTC](https://forum.inductiveautomation.com/t/access-svg-elements-from-embedded-image/84196/4 "2024-01-12T15:42:24Z")

</div>

There is no way to modify properties of an Image in the Image Component, it is referencing the file. You're better off embedding the SVG's if you need to make dynamic changes to the SVG at runtime.

---

<div class="post-metadata">

**Author:** ![Louis\_Arleth](https://avatars.discourse-cdn.com/v4/letter/l/85f322/32.png) [@Louis\_Arleth](https://forum.inductiveautomation.com/u/Louis_Arleth)\
**Post date:** [January 12, 2024, 3:47pm UTC](https://forum.inductiveautomation.com/t/access-svg-elements-from-embedded-image/84196/5 "2024-01-12T15:47:23Z")

</div>

Ok, thank you 🙂