Call SVG based on value binding

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).

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)


Then use binding on path to map values to svg names

2 Likes