cancel
Showing results for 
Search instead for 
Did you mean: 
SOLVED

App icons not working

App icons not working

C64
Member

I recently finished the app I developed and I now wanted to give it a custom icon.

I already read this thread, where that task was discussed:
https://developer.community.boschrexroth.com/t5/ctrlX-CORE/App-icon/m-p/22867#M272

I did exactly what is described there, but my icon still doesn't show up.

To be more precise - I did the following:

1. Try a PNG file, with my custom logo, of the resolution 57x57 pixels. It didn't work

2. Created a completely new PNG file, using IrfanView, with only one color and the resolution 256x256 pixeld. It worked!

3. Created a new PNG file, with my custom logo, of the resolution 256x256 pixels. It didn't work

4. Created a completely new PNG file, using IrfanView, with only one color and the resolution 256x256 pixeld. It didn't work

I'm especially puzzled by steps 2 und 4. The only difference here was the color. The first time I  used some kind of orange and the second time some kind of green. I can't see what I did differently in steps 2 und 4.

Are there any special conditions the PNG files must meet, other than described in:
https://snapcraft.io/docs/snapcraft-top-level-metadata#heading--icon ?

2 REPLIES 2

nickH
Community Moderator
Community Moderator

Hello, 

Congratulations on finishing your app. 👍 🚀

There are no special restrictions on the icon, other then those you mentioned from snapcraft. 

I just tested some icons I simply created with Paint. For the tests I took the hello.webserver example in go (see here) and just modified the path to the icon in the snapcraft.yaml. 

2022-02-25_12h05_17.png

 

I tested icons with different resolutions and colors (pictures not just one color) but all icons as .png format.

  • resolution 57x57 worked
  • resolution 256x256 worked
  • resolution 734x734 worked
  • even resolution 1799x1273 worked

 

I would suggest you to look at the path and file names you are using. I would recommend to not use blank spaces or special characters.

Maybe the problems come from your webbrowser. You could try to delete your cache and refresh the webpage. 

 

Best regards, 

Nick


@nickH wrote:

 

Maybe the problems come from your webbrowser. You could try to delete your cache and refresh the webpage. 

 


Actually, that's it!
As soon as I deleted the browser cache the icon worked (Firefox 97.0.1). After changing the icon again from the single green colored icon to the icon I'd liked the app to actually have, I had to clear the cache a second time.

That it could be an issue with the browser, wouldn't have come to my mind anytime soon. Thanks again for your help!

Icon--AD-black-48x48Icon--address-consumer-data-black-48x48Icon--appointment-black-48x48Icon--back-left-black-48x48Icon--calendar-black-48x48Icon--center-alignedIcon--Checkbox-checkIcon--clock-black-48x48Icon--close-black-48x48Icon--compare-black-48x48Icon--confirmation-black-48x48Icon--dealer-details-black-48x48Icon--delete-black-48x48Icon--delivery-black-48x48Icon--down-black-48x48Icon--download-black-48x48Ic-OverlayAlertIcon--externallink-black-48x48Icon-Filledforward-right_adjustedIcon--grid-view-black-48x48IC_gd_Check-Circle170821_Icons_Community170823_Bosch_Icons170823_Bosch_Icons170821_Icons_CommunityIC-logout170821_Icons_Community170825_Bosch_Icons170821_Icons_CommunityIC-shopping-cart2170821_Icons_CommunityIC-upIC_UserIcon--imageIcon--info-i-black-48x48Icon--left-alignedIcon--Less-minimize-black-48x48Icon-FilledIcon--List-Check-grennIcon--List-Check-blackIcon--List-Cross-blackIcon--list-view-mobile-black-48x48Icon--list-view-black-48x48Icon--More-Maximize-black-48x48Icon--my-product-black-48x48Icon--newsletter-black-48x48Icon--payment-black-48x48Icon--print-black-48x48Icon--promotion-black-48x48Icon--registration-black-48x48Icon--Reset-black-48x48Icon--right-alignedshare-circle1Icon--share-black-48x48Icon--shopping-bag-black-48x48Icon-shopping-cartIcon--start-play-black-48x48Icon--store-locator-black-48x48Ic-OverlayAlertIcon--summary-black-48x48tumblrIcon-FilledvineIc-OverlayAlertwhishlist