SVG Launcher Icon not loading correctly?

Hello there,

I just installed the newest SDK and created a new project, as a first step i wanted to change the launcher icon and saw on another post that SVGs are supported for that case (discussion/255433/widget-launcher-icon-multiple-resolutions). But trying it out it doesn't work and I'm clueless. Below are some versions of the code i tried and the warnings I'm getting. I'm using VS-Code Extension. On a side note, no matter what icon (png, svg, etc...) i use, it doesn't show up as the launch icon, I'm always getting the blue Garmin triangle. Thanks in advance.

    <bitmap id="LauncherIcon" filename="../images/icon-blue.svg"/>
WARNING: vivoactive5: The launcher icon (35x51) isn't compatible with the specified launcher icon size of the device 'vivoactive5' (70x70). Image will be scaled to the target size.
    <bitmap id="LauncherIcon" filename="../images/icon-blue.svg" scaleY="100%" scaleRelativeTo="image" />
WARNING: vivoactive5: The launcher icon (34x51) isn't compatible with the specified launcher icon size of the device 'vivoactive5' (70x70). Image will be scaled to the target size.
    <bitmap id="LauncherIcon" filename="../images/icon-blue.svg" scaleY="100%" scaleRelativeTo="screen" />
WARNING: vivoactive5: The launcher icon (260x390) isn't compatible with the specified launcher icon size of the device 'vivoactive5' (70x70). Image will be scaled to the target size.
  • The warning you see is normal.  Here for example is what I see when building for the va5 and just using the png that you get when you use a template:

    WARNING: vivoactive5: The launcher icon (30x30) isn't compatible with the specified launcher icon size of the device 'vivoactive5' (70x70). Image will be scaled to the target size.

    Same app but for a fr955:

    WARNING: fr955: The launcher icon (30x30) isn't compatible with the specified launcher icon size of the device 'fr955' (40x40). Image will be scaled to the target size.

    The only way to avoid that is to set the image to the exact size for every device (LOTS of LauncherIcons! almost a different one per device)

    The blue triangle is saying your app crashed.  What do you see in the debug console in VS Code?

  • Ok thanks for the clarification, so <bitmap id="LauncherIcon" filename="../images/icon-blue.svg"/> would be correct way to use an svg as the icon? - I can ignore the warning, working as a software dev I got used to those xd.

    Regarding the blue triangle, my app is basically the example app and I can assure it didn't crash, thus no output to share.

    My assumption is that the launchericon would be shown during the startup of the application. Or is the regular behavior to see the triangle in that case?

    If so, is there any way to change that in order to show my launcher icon?

  • The only time you see the launcher icon in the sim is if you are doing a widget with a glance view. You don't even see it on most devices with a watch face)

    When a CIQ app crashed on a real device you see "IQ!" The Triangle, only of the entire device crashes.

    Add some println() calls to your code to see how far you are getting.

  • Thanks for the answers Jim.

    I'll mark it as answered and try it out on some different watches.

    Only if I'd run into some issue along the way I'd reply here again.

    Kind Regards

    Soeren Maske