# 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:** 1\
**Showing post:** 2

<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

---

_[View the full topic](https://forum.inductiveautomation.com/t/call-svg-based-on-value-binding/54287)._