So first of all, TeamSpeak on desktop and TeamSpeak on Android have different SVG rendering engines. Things that work on TeamSpeak for Desktop won’t always work on TeamSpeak for Android. TeamSpeak on iOS has no support for SVG icons at all. (It also doesn’t support @2x or @3x raster icons, so you’re stuck with gross pixely garbage.) I don’t have an Android device to test with, so I’m not sure what the exact limitations are for SVG icons on Android.
For platforms where SVG icons are fully supported, here’s the procedure I’ve found for producing SVGs that work as reliably as possible.
- Download and install the svgo tool somewhere on your machine.
- Run svgo on your image to clean up extraneous doctypes, redundant groups, and various other things that are not necessary.
- Ensure that the SVG has
height attributes on the root
<svg> element. If it does not, create them using the 3rd and 4th values from the
- Try uploading it to the TeamSpeak server to see if it works. If it doesn’t, it probably uses an unsupported feature like layer masks (lots of SVGs use this because it’s convenient, but TeamSpeak butchers it horribly).