Favicon missing in tab bar

Troejg

I am missing the favicon from my school's website. This is an issue as i would like to keep it as a pinned tab, therefor only the favicon distinguishes it.

I am not running any extensions at all.
I have tried creating a new clean user profile with only the basics, no blocking at all, and i still get the same issue.
I have tried uninstalling the .deb and reinstalling with no improvement
I have tried resetting all settings and deleting all browser data with no improvement

Nothing fixes the issue. However, it shows up perfectly fine in a guest session, and in a private session. It also works in firefox, and on vivaldi for android using the same profile as i do on Desktop.

My vivaldi:

Private session:

Guest session:

luetage

@Troejg I don’t know, might be cached. Try cleaning your browsing data.

Troejg

@luetage I have tried that, doesn't help

Zalex108

@Troejg said in Favicon missing in tab bar:

I have tried creating a new clean user profile with only the basics, no blocking at all, and i still get the same issue.

Hi,
Have you tested with/without log in?

That would be related to cookies better being Guest and Incognito works.

You may try checking DevTools or uBlock, and its logger, that would be easier.

Vivaldi Backup | Reset + Extra Steps

Troejg

Yes, tried without logging in. Not using ublock, no extensions to interfere.

mib2berlin

@Troejg
Hi, can we reach this page to test this?

Cheers, mib

Troejg

Unfortunately not, it's after logging in to my schools LMS through canvas

edwardp

@Troejg The Favicon information comes from the web site itself, it's in the HTML code. In Vivaldi, CTRL-U will display the source (HTML code).

It would look similar to:

<link rel="icon" href="/images/logo.png" type="image/png" />

Troejg

Vivaldi does not display the icon in the tab bar outside of the guest session and private session.

This is the html code:

This is the image from the html code

This is my tab bar, not showing the favicon.

DoctorG

@Troejg I can not read such small image , please copy the code and post with </> button here

As i know that favicons are cached for some period, perhaps a caching issue.

Pathduck

@Troejg Please copy the full href value of the icon here in a code block.

Also, open DevTools (F12), Network tab, then reload the page with Ctrl+F5 and see if you get any red blocked requests, specifically for the favicon resource.

Troejg

This is the favicon in the html source:

<link rel="icon" type="image/x-icon" href="https://instructure-uploads-eu.s3-eu-west-1.amazonaws.com/account_75000000000000001/attachments/16504/favicon_KU_48x48.ico?AWSAccessKeyId=AKIAJE5F5SJN3PUW3VNQ&amp;Expires=1935635146&amp;Signature=9TzKrXIle3fIf6dLAX1xFD%2FDK%2Fw%3D&amp;response-cache-control=Cache-Control%3Amax-age%3D473364000%2C%20public&amp;response-expires=473364000" />

I get 1 blocked request for a sentry key:

https://relay-dub.sentry.insops.net/api/388/envelope/?sentry_key=355a1d96717e4038ac25aa852fa79a8f&sentry_version=7

The favicon shows no problems:

Disabling the cache and reloading site does not improve the outcome.

Pathduck

@Troejg Unfortunately such AWS urls expire and give an error page to everyone else, so that's no good.

But try the following url, both in a regular and a private window:

chrome://favicon/size/16@1x/iconurl/https://instructure-uploads-eu.s3-eu-west-1.amazonaws.com/account_75000000000000001/attachments/16504/favicon_KU_48x48.ico

My guess it will just give a "blank" type icon for you.

In your network log, it says "from disk cache". Did you do a Ctrl+F5 when reloading the page?

But browsers cache favicons much longer than other resources. Otherwise of course, all tab icons would be gone if the user cleared browser data. So not good to know how to solve this without accessing the site.

There is the Nuclear Option of course: Closing the browser and deleting the Favicons file from your profile dir. Unfortunately this will also clear stuff like bookmark favicons until you visit them again...

Otherwise, I'd say let it be. Favicon issues come and go and hard to nail down. And certainly not only in Vivaldi, I've seen similar in both Chrome and Edge at times.

Troejg

@Pathduck You are right that the link you provided gives a blank type icon in both regular and private window.

I did update with Ctrl+ F5, and also tried disabling cache while running DevTools.

I also tried closing the browser, deleting the Favicons file from my profile dir, but the same blank type favicon returns.

Thanks for trying to help.