How to make vivaldi load favicons normally?

skorphil

Hi, users already reported issues that vivaldi is not loading favicons on number of sites https://forum.vivaldi.net/topic/87407/svg-and-emoji-favicons-not-showing-up-on-tabs?page=1. Now I faced with this problem as a developer.

I generated favicons as usual with a help of https://realfavicongenerator.net
As a result I have set of .png files and .ico file in root of my website:
Screenshot 2023-09-01 at 11.48.56.png
and in the <head>

  <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">

The result is - chrome, safari, firefox display favicon and only vivaldi displays "image placeholder".

How to make vivaldi work with favicons in 2023?

skorphil

Well, problem even more complex:
vivaldi not displaying favicon when I open website locally. However it displays favicon when site uploaded on the server.
Other browsers display favicons similarly from localhost and from the web