Solved: Custom app logo (svg) doesn't appear in app header... - Page 2

dbaum · 04-01-2022 01:54 PM

My app has a custom logo. It's just svg XML--not an actual file. It appears fine in most places--e.g., About screen, browser tab favicon. However, it doesn't appear in the app header bar even though I have that setting selected. When I use one of AppSheet's default logos, it does appear in the app header bar. Does anyone have guidance on what I might be doing wrong? Is a logo defined using svg maybe not supported in certain places, such as the app header bar?

(BTW, I made my svg logo using the great sample app from @GreenFlux. If you need a logo, check it out!)

WillowMobileSys

Correct. SVG's are not supported in all image locations.

View solution in original post

SkrOYC

Try changing to a base64 one.

Check this post about a convertion tool for that:

Easy Icon/Background/Launch image generation with ... - Google Cloud Community

It's mainly focused on the Launch image but the same principles apply for Icons and Backgrounds.

Step #5 - Make it usable (from AppSheet's standpoint)
I found that AppSheet doesn't like this image even if we use @GreenFlux's method explained here
What I've found that works great is to convert it from svg to base64.
To do it, go to this cool site https://base64.guru/converter/encode/image/svg
There select the file you exported earlier.
On "Output format" select the second option:

And hit "Encode SVG to base64".

View solution in original post

Custom app logo (svg) doesn't appear in app header bar

Step #5 - Make it usable (from AppSheet's standpoint)