Inconsistent SVG Favicon in Firefox

Hello. An SVG Favicon in Firefox on Win10 and macOS seems a bit wonky for me. Tab icon is correct. Bookmark icon is wrong:

Looking at the source, I see:

<link rel="icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/b/8/b8dce8ed67efe68449c05bb6d1d09fecd2bad6e1_2_32x32.svg">

The file type is wrong. Not sure if that’s important? I think I uploaded a PNG before the SVG.

It’s the same for the Apple touch logo:
<link rel="apple-touch-icon" type="image/png" href="https://londonbikers.com/uploads/default/optimized/3X/e/2/e282ac096da1a473b060a379521996db4fb7d190_2_180x180.svg">

The correct image above is the rel=icon.
The wrong image above is the rel=apple-touch-icon

Have tried deleting the bookmark and re-bookmarking. Same result. It’s choosing the apple-touch-icon logo. Is this a Firefox, or Discourse issue, do you know?

The specs seem to suggest it should work:

1 Like

Regardless something is looking odd here the is not type="image/png"

SVG favicon is a bit experimental (especially with the safari caveat)

Open to correcting at least the Discourse parts of this problem.

1 Like