Aug 04 2020 07:28 AM
Hi,
What does Edge use as a icon, when creating a PWA from a website? We created some PWA's of our websites for testing, but all of the PWA's just show a letter on a gray background.
In Android, I can move a test website to the Home Screen, and it will show the correct icon. So I know the manifest & image is loading correctly from the index.html.
I created some other PWA's from random sites, and they seem to work. So I'm a bit of a loss here what Edge is looking for, and where the image needs to be.
cheers!
rob
Aug 04 2020 08:36 AM
Hi @RobWuijster
It will use default website icon, so for example in ASP.net project, you have option to set icon, it will use that icon.
If you see the top of this page you will see Microsoft logo and when you add it as App , it will use that icon.
Aug 06 2020 03:23 AM
@Reza_Ameri-Archived
Hi, I'm not using ASP fot the PWA or sites. I just install the website as an app from the 'Manage Apps' functionality.
I added all social media images & icons functionality for the websites according to the rules of Apple, Google, FB and Twitter. On all these platforms it is working, as expected.
What I want to know is how to add an icon in the site code, so creating a PWA from a website is showing me the correct icon.
I looked at code from several websites that work, but cannot see anything out of the ordinary compared to my websites?
Aug 06 2020 04:11 AM
@survivor303
Yes.. and No. ;)
After looking at the webmanifest file again, I forgot to add the 'shortcuts' section. Now it works as expected.
rob
Aug 07 2020 06:24 AM
@RobWuijster in case you are facing this issue with other websites, you need to contact website owner and ask them to add icon on their websites.
Dec 23 2020 08:52 AM
There should definitely be a built in way to override this. It seems like a stretch to have to reach out to the owner of a website and have them add a favicon for what amounts to a change on the users end.
This is especially true when a site actually displays an icon correctly in the browser (since the browser is presumably looking at the link rel=icon tag).
Dec 23 2020 02:07 PM
Hi,
a comment from Edge developer about this issue (which I personally had before)
Re: How to customize Start Menu tiles? - Microsoft Tech Community
more info about it:
Adaptive icon support in PWAs with maskable icons (web.dev)