# Can we display SVG outside a web viewer? **URL:** \ **Category:** Questions\ **Tags:** ui, svg, user-interface\ **Created:** [August 21, 2022, 11:05pm UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057 "2022-08-21T23:05:40Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![Malcolm](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/malcolm/32/196_2.png) [@Malcolm](https://the.fmsoup.org/u/Malcolm)\ **Post date:** [August 21, 2022, 11:05pm UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/1 "2022-08-21T23:05:40Z")
SVG can be generated easily, making them ideal for data driven graphics. But it seems that the only way to display them is in a web viewer, which is not a lightweight solution. Is that the only option? Buttons are able to display SVG, but the SVG needs to be loaded into the Button library in advance. It would nice to display SVG anywhere that we can insert a calculation. ---
**Author:** ![jwilling](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/jwilling/32/256_2.png) [@jwilling](https://the.fmsoup.org/u/jwilling)\ **Post date:** [August 22, 2022, 5:10am UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/2 "2022-08-22T05:10:40Z")
The only other thing I can think of is to convert the svg to png and display via container ---
**Author:** ![harvest](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/harvest/32/231_2.png) [@harvest](https://the.fmsoup.org/u/harvest)\ **Post date:** [August 22, 2022, 5:23am UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/3 "2022-08-22T05:23:51Z")
> [@Malcolm](#): > > Buttons are able to display SVG but only to the limit of 128x128 px and don't forget to upvote 🙂 "Add Support For SVG Images On Layouts" [https://community.claris.com/en/s/idea/0870H000000fzD1QAI/detail](https://community.claris.com/en/s/idea/0870H000000fzD1QAI/detail) 82 votes show: we are not alone with it 🕶 ---
**Author:** ![Malcolm](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/malcolm/32/196_2.png) [@Malcolm](https://the.fmsoup.org/u/Malcolm)\ **Post date:** [August 22, 2022, 5:28am UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/4 "2022-08-22T05:28:40Z")
> [@jwilling](#): > > The only other thing I can think of is to convert the svg to png and display via container That's increasing the load. I need something suitable for a list view that can be done relatively easily. I thought it would be informative to provide a simple pie chart that shows the amount of work done toward a goal. At present I'm using a colour code to show "started", "delayed", and "complete". ---
**Author:** ![Malcolm](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/malcolm/32/196_2.png) [@Malcolm](https://the.fmsoup.org/u/Malcolm)\ **Post date:** [August 22, 2022, 5:29am UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/5 "2022-08-22T05:29:11Z")
My vote is already on that feature request ---
**Author:** ![harvest](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/harvest/32/231_2.png) [@harvest](https://the.fmsoup.org/u/harvest)\ **Post date:** [August 22, 2022, 5:51am UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/6 "2022-08-22T05:51:01Z")
tried to do it like this: SVGs in a buttonbar with conditional formatting and hide conditions always only showing one element ![Bildschirmfoto 2022-08-22 um 07.47.38](https://canada1.discourse-cdn.com/flex030/uploads/fmsoup/original/2X/f/f97b99cb4e534d4caca51228e895cc58950d62ee.png) ![Bildschirmfoto 2022-08-22 um 07.46.35](https://canada1.discourse-cdn.com/flex030/uploads/fmsoup/original/2X/5/5fa6b6f382b96bc4d1c18054d0b1470d9537953f.png) ---
**Author:** ![Malcolm](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/malcolm/32/196_2.png) [@Malcolm](https://the.fmsoup.org/u/Malcolm)\ **Post date:** [August 22, 2022, 7:19am UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/7 "2022-08-22T07:19:38Z")
Great suggestion. It doesn't have to be exact, it can simply be an approximate value. ---
**Author:** ![harvest](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/harvest/32/231_2.png) [@harvest](https://the.fmsoup.org/u/harvest)\ **Post date:** [August 22, 2022, 8:33am UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/8 "2022-08-22T08:33:06Z")
> [@Malcolm](#): > > It doesn't have to be exact that is what I thought too, thus the clock for not yet started, the checkmark for done and the seven states in between with evaluation for the hide-condition done via the percentage of the users input... just to show a difference in progress 🙂 ---
**Author:** ![taylorsharpe](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/taylorsharpe/32/2933_2.png) [@taylorsharpe](https://the.fmsoup.org/u/taylorsharpe)\ **Post date:** [August 26, 2022, 2:06pm UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/9 "2022-08-26T14:06:47Z")
Over the years FileMaker has added and deprecated some graphic formats. It certainly is about time to at SVG's into the mix. They should probably also add in support for WebP as it takes off as a Google supported format. ---
**Author:** ![planteg](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/planteg/32/627_2.png) [@planteg](https://the.fmsoup.org/u/planteg)\ **Post date:** [August 26, 2022, 3:33pm UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/10 "2022-08-26T15:33:37Z")
Hi @taylorsharpe , welcome to Thesoup ! ---
**Author:** ![DanShockley](https://avatars.discourse-cdn.com/v4/letter/d/9f8e36/32.png) [@DanShockley](https://the.fmsoup.org/u/DanShockley)\ **Post date:** [August 27, 2022, 1:09am UTC](https://the.fmsoup.org/t/can-we-display-svg-outside-a-web-viewer/3057/11 "2022-08-27T01:09:45Z")
Direct support for SVG would be great. As a work-around, another option might be to look through Unicode to get the codes for symbols that accomplish what you want. The supported symbols in Arial are pretty extensive.