You must have one in the images / favicons folder for the correct icon to be displayed. By default, only the PF icons are there. It is best to use the generator
https://realfavicongenerator.net/ and create a set of your own icons by deleting those intended for PF.
Additionally, the site.webmanifest file must be set up in the same folder. By default it looks like this:
Code
{
"name": "",
"short_name": "",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-384x384.png",
"sizes": "384x384",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}
So you have to enter the name of your website in "name" and "short_name", choose the default colors for the application, etc. More advanced options:
https://web.dev/add-manifest/