# Call SVG based on value binding

**URL:** <https://forum.inductiveautomation.com/t/call-svg-based-on-value-binding/54287>\
**Category:** General Discussion\
**Tags:** ignition80\
**Created:** [December 19, 2021, 7:36pm UTC](https://forum.inductiveautomation.com/t/call-svg-based-on-value-binding/54287 "2021-12-19T19:36:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tamerplc](https://avatars.discourse-cdn.com/v4/letter/t/d78d45/32.png) [@tamerplc](https://forum.inductiveautomation.com/u/tamerplc)\
**Post date:** [December 19, 2021, 7:36pm UTC](https://forum.inductiveautomation.com/t/call-svg-based-on-value-binding/54287/1 "2021-12-19T19:36:56Z")

</div>

i had a list of SVGs for example SVG1 to SVG 100 .

i need to show SVG1 based on value 1 and svg2 based on value 2

idea i have master data for stock items and each item had svg.

is there any way to call SVG based on value as SVG element?  
i known we can do it as if svg saved as “Svae Link” .  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/d/8dd76ec68c6dc9d3b46018faf8fb9980655abc83.png)

Thanks  
Tamer

---

<div class="post-metadata">

**Author:** ![jespinmartin1](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jespinmartin1/32/57175_2.png) [@jespinmartin1](https://forum.inductiveautomation.com/u/jespinmartin1)\
**Post date:** [December 20, 2021, 12:17am UTC](https://forum.inductiveautomation.com/t/call-svg-based-on-value-binding/54287/2 "2021-12-20T00:17:43Z")

</div>

You can see .svg in two ways, with image or icon components. You can also see/interact with a svg if you upload it as Embed Image. Maybe there is a 3rd way with CSS in a frame.

That been said, and if you want to avoid “Save Link”, you may want to create your own svg Repository as described in [Images, SVGs, and Icons in Perspective - Ignition User Manual 8.0 - Ignition Documentation (inductiveautomation.com)](https://docs.inductiveautomation.com/display/DOC80/Images%2C+SVGs%2C+and+Icons+in+Perspective#Images,SVGs,andIconsinPerspective-UseaCustomIconRepository).

You need to use the Icon component instead. In my example I created a Christmas repository.  
The .xml looks like this in my example (cropped)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/5/753f4ca8f23f10f362312997129b2774ded3e60d.png)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/5/e58d4f51ed01405827b1bb975eaeaef4b7a9624f.png)  
Then use binding on _path_ to map values to svg names