SVG Experts - Why won't this SVG code work in an Image column?

I have been playing with trying to use SVG code to animate images in AppSheet. I can animate a shape in AppSheet and I have been able to animate an Image (using SVG) on an HTML web page.

However, when I try to animate an image in AppSheet I run into issues. I have narrowed code down to simply show a static Image within the SVG code. Similar code to the below does show an image on a web page.

Does anyone know what I need to change in the SVG code below in order to get the image to display? OR if it just isn’t possible this way?


Code attempting to display an Image directly from Google Drive in an AppSheet column

"data:image/svg+xml;utf8, <svg xmlns=""http://www.w3.org/2000/svg"">
  <image xlink:href=""https://drive.google.com/uc?export=view&id=1gxvUziCU3zqYpi2B3IiS4OZqcoPp8-NK"" width=""50%"" height=""50%""/>
</svg>"

I haven’t had much luck with including external images in SVG code with appsheet. Like you, whenever I have tried, it hasn’t worked.

1 Like

This isn’t the actual link to the image, it’s a link to a webpage displaying the image. It’s how google get’s around hotlinking of images; a few years ago they made efforts to put a stop to people using G-drive as an image hosting service.

I’ve been trying to find a work around… none found so far. :frowning:


What happens if you insert a static image url instead? Does the image display?

So the link came from AppSheet documentation on displaying images in Google.

I can get this image to display on a web page – and even apply SVG animation. Not that it means anything.

Excuse my lack of knowledge, but how would one get a “static image url” for an image stored on G-drive?

1 Like

That’s one of the things I’ve been trying to find a good work around for.

Unless the image is a part of something in your app, I don’t think you can pull the image using the following:

I think the image actually has to be uploaded as apart of some record or something.