Forum Discussion

RobWuijster's avatar
RobWuijster
Iron Contributor
Aug 04, 2020

PWA icon?

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

Icon
pwa
  • Reza_Ameri-Archived's avatar
    Reza_Ameri-Archived
    Bronze Contributor
    Aug 04, 2020

    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.

     

    • RobWuijster's avatar
      RobWuijster
      Iron Contributor
      Aug 06, 2020

      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?

Share