How to replace old favicon?

[Pescao6]

I don't remember exactly when this happened, but I know I had uploaded a favicon image to:

AdminCP > Appearance > Icons & Logos
admin/?app=core&module=customization&controller=icons

And now I'm not sure how to remove the old favicon icon. Any idea of where that icon might be?

Old 
New 

It's weird too because I'm seeing my new one in Firefox and Opera Gx, but the old one is showing on Microsoft Edge, Google Chrome, and Mobile Devices.

[Marc]

They are agressively cached by the browser itself unfortunately. As they are showing up on the others, it isnt anything you are doing wrong particularly. 

[Pescao6]

 

I was wondering because we used to have this:

Now I see this:

I don't see the Icons & Logos application icons anymore, so I was thinking maybe there was an old file somewhere on the public_html

As far as caching, I have this I added this to my .htaccess but I don't think this should be causing any kind of caching errors.

# Security Headers
<IfModule mod_headers.c>
	Header set X-XSS-Protection 1; mode=block
	Header set X-Content-Type-Options nosniff
	Header always set Strict-Transport-Security max-age=31536000; includeSubdomains; preload
	Header set Referrer-Policy same-origin
	Header set Content-Security-Policy upgrade-insecure-requests; frame-ancestors 'self'
</IfModule>

## Begin - Expires caching
<IfModule mod_expires.c>

## This rule will create an ETag for files based only on the modification timestamp and their size. 
## Note: It may cause problems on your server and you may need to remove it
FileETag MTime Size

SetOutputFilter DEFLATE
Header set Expires "max-age=29030400, public"
Header unset ETag
FileETag None

# Enable expiration control
ExpiresActive On

# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"

# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"

# Image files expiration: 1 month after request
ExpiresByType image/bmp "now plus 1 month" 
ExpiresByType image/gif "now plus 1 month"
ExpiresByType image/jpg "now plus 1 month"
ExpiresByType image/jpeg "now plus 1 month"
ExpiresByType image/jp2 "now plus 1 month"
ExpiresByType image/pipeg "now plus 1 month"
ExpiresByType image/png "now plus 1 month"
ExpiresByType image/svg+xml "now plus 1 month"
ExpiresByType image/tiff "now plus 1 month"
ExpiresByType image/vnd.microsoft.icon "now plus 1 month"
ExpiresByType image/x-icon "now plus 1 month"
ExpiresByType image/ico "now plus 1 month"
ExpiresByType image/icon "now plus 1 month"
ExpiresByType text/ico "now plus 1 month"
ExpiresByType application/ico "now plus 1 month"
ExpiresByType image/vnd.wap.wbmp "now plus 1 month"
ExpiresByType application/vnd.wap.wbxml "now plus 1 month"

# Other optimizations
ExpiresByType application/x-gzip "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"

</IfModule>
## End - Expires caching

[Marc]

It the browsers that cache them is what I mean. Thats why you are seeing old ones

[Pescao6]

I uploaded the new favicon on April 15, 2023 so it should've refreshed by now I would think.
AdminCP cache and Cloudflare cache have been cleared multiple times since then.
It's not a local web browser cache because clearing cookies and cache files isn't doing anything.
Do you know of any ways of manually flushing out the Chromium web browsers favicon cache?

[Marc]

Seems Im seeing this also. Have you checked to ensure you dont have a favicon icon in the root folder of your site?

[Stuart Silvester]

Browsers will typically use the 'application icon' instead if you have a manifest/web app configured. Have a look at AdminCP > System > Web App.

[Pescao6]

7 hours ago, Stuart Silvester said:

Browsers will typically use the 'application icon' instead if you have a manifest/web app configured. Have a look at AdminCP > System > Web App.

We found Waldo! 🥳

AdminCP > System > Web App
?app=core&module=settings&controller=webapp

12 hours ago, Marc said:

Seems Im seeing this also. Have you checked to ensure you dont have a favicon icon in the root folder of your site?

I also do, but they're from a zip file my graphic designer gave me so I know they're the new favicon. 😅
I wonder in what subdirectory of public_html these AdminCP ones are being saved.

I find this interesting; but I'm also not surprised because even tho I have things like robots.txt on public_html, I also had to use Pages for it.
Invision Community seems to give priority to whatever is saved on the AdminCP over what is on public_html.

PS: If anyone has any links to documentation on this new AdminCP > System > Web App section, I'd love to further read about configuring manifest.

[Pescao6]

Update: I hadn't even noticed, but my graphic designer also gave me a browserconfig.xml and site.webmanifest so just had to review them and copy them over:

{
    "name": "",
    "short_name": "",
    "icons": [
        {
            "src": "/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png"
        }
    ],
    "theme_color": "#ffffff",
    "background_color": "#ffffff",
    "display": "standalone"
}

site.webmanifest

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
    <msapplication>
        <tile>
            <square150x150logo src="/mstile-150x150.png"/>
            <TileColor>#00aba9</TileColor>
        </tile>
    </msapplication>
</browserconfig>

browserconfig.xml

😍It's nice to finally see these new images working properly.

Edited August 31 by Pescao6