# Show field value as icon/svg

**URL:** <https://discuss.elastic.co/t/show-field-value-as-icon-svg/267050>\
**Category:** Kibana\
**Created:** [March 12, 2021, 8:01am UTC](https://discuss.elastic.co/t/show-field-value-as-icon-svg/267050 "2021-03-12T08:01:02Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![SKiD](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/skid/32/56535_2.png) [@SKiD](https://discuss.elastic.co/u/SKiD)\
**Post date:** [March 12, 2021, 8:01am UTC](https://discuss.elastic.co/t/show-field-value-as-icon-svg/267050/1 "2021-03-12T08:01:02Z")

</div>

Hey,

I read some stuff about showing images in Kibana in the Discovery screen. Now I was curious and tested some things out. I was able to show URLs as picture, that worked great, but what I wasn't able to do is showing values in fields as a picture of another URL or as an SVG, if there are more than one value inside.

For example for a field value:  
{value1}{value2} and {value3}

I'm trying to replace the values inside the brackets with an picture on a specific URL or as an SVG.  
I was checking the different string URL formatters and one was showing how to display different country flags at once, but there was no explanation how to do that. I checked scripted fields as well, but compiling the value on the fly might be to resource intense. If there is no other way, I would use this way at last.  
I checked the tutorial for your [own custom field formatter](https://www.elastic.co/blog/kibana-custom-field-formatters), but the article is now six years old and I couldn't even find the directory for the formatters.

But for now:  
Is there currently a way to do that?

Best regards,  
Danny.

---

<div class="post-metadata">

**Author:** ![Felix\_Roessel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/felix_roessel/32/41623_2.png) [@Felix\_Roessel](https://discuss.elastic.co/u/Felix_Roessel)\
**Post date:** [March 13, 2021, 1:34pm UTC](https://discuss.elastic.co/t/show-field-value-as-icon-svg/267050/2 "2021-03-13T13:34:22Z")

</div>

You need to combine all your parameters using a scripted field.  
Then you can take the value of the scripted field as element of your target url for the picture.

---

<div class="post-metadata">

**Author:** ![SKiD](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/skid/32/56535_2.png) [@SKiD](https://discuss.elastic.co/u/SKiD)\
**Post date:** [March 13, 2021, 5:51pm UTC](https://discuss.elastic.co/t/show-field-value-as-icon-svg/267050/3 "2021-03-13T17:51:19Z")

</div>

So that means I need to check for every different kind of value, such as...

{value1}{value2}  
{value1}{value3}  
{value2}{value3}  
{value1}{value2}{value4}{value5}

... and so on?  
Is there no other way?  
The scripted field would be insanely long and would take a lot of time to compute.

---

<div class="post-metadata">

**Author:** ![Felix\_Roessel](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/felix_roessel/32/41623_2.png) [@Felix\_Roessel](https://discuss.elastic.co/u/Felix_Roessel)\
**Post date:** [March 13, 2021, 6:01pm UTC](https://discuss.elastic.co/t/show-field-value-as-icon-svg/267050/4 "2021-03-13T18:01:55Z")

</div>

I thought you want to use multiple fields as parameters for your picture URL.  
But now I guess you have one field that has an array of values inside, right?  
Could you describe the nature of the field a bit more so that its easier to understand your requirement?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [April 10, 2021, 6:02pm UTC](https://discuss.elastic.co/t/show-field-value-as-icon-svg/267050/5 "2021-04-10T18:02:32Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.