SVG favicon break the site dropdown layout

[chunrapeepat]

Past Issues Searched

• [x] I have searched open and closed issues to make sure that the bug has not yet been reported

Issue is a Bug Report

• [x] This is a bug report and not a feature request, nor asking for self-hosted support

Using official Plausible Cloud hosting or self-hosting?

Plausible Cloud from plausible.io

Describe the bug

The svg favicon break the layout of the site dropdown. I later changed the favicon to ico format, but plausible analytics continues to display the old svg favicon, and i couldn't find a way to force a reload.

Expected behavior

Display the SVG favicon correctly and sync the favicon with corresponding site URLs.

Screenshots

Environment

- OS: MacOS
- Browser: Arc
- Browser Version: Version 1.51.0 (51691)

[apata]

Thanks for the report! I had a look at this to see whether the issue persists after https://github.com/plausible/analytics/pull/5255.

I wasn't able to reproduce it with inscribed.app since our single favicon source, DuckDuckGo (https://duckduckgo.com/duckduckgo-help-pages/privacy/favicons) has updated the cached icon to your new .ico format. This process according to the doc above can take weeks, which is probably why you weren't able to force a reload from the browser.

I tried getting DuckDuckGo to serve favicons from other pages that have declared only a .svg favicon, to no avail: https://icons.duckduckgo.com/ip3/vite.dev.ico https://icons.duckduckgo.com/ip3/astro.build.ico

@chunrapeepat If you can supply the exact svg that broke the UI, I can manually verify that it won't happen again after https://github.com/plausible/analytics/pull/5255.