Logo Chrome ve Operada gözükmüyor

Merhabalar arkadaşlar html'e başladım ve internetten hemen bir icon indirip tarayıcıda gözüken dünya logosunu kütüphane logosuna çevirmek istedim fakat chrome ve operada gözükmüyor. Firefox'da gözüküyor anlamış değilim nereden yanlış yapıyorum. Eğitimci arkadaşta kod yazan resim deki gibi ekleme yapıyor onun eklediği icon 128x128 benim de öyle fakat hiçbir şekilde iconu chrome ve operada gösterimini yapamadım.
Editör olarak VSCODE kullanıyorum
Farklı logolar iconlarda denedim fakat aynı sonuç firefox'da çalışıyor ama diğerlerinde çalışmıyor.
Kod:

Kodun şu hallerinide denedim fakat işe yaramadı.

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

<link rel="shortcut icon" size="16x16 32x32 64x64 128x128 href="favicon.ico" type="image/x-icon">

Chrome

Opera
Firefox

Direkt anadizine favicon.ico ikonunu koysan yeterli.

Ana dizine de koydum fakat yine olmadı maalesef aynı şekilde chrome ve operada çalışmayıp firefox da çalışmaya devam ediyor.

Önbellege kaydolmuştur, favicon un adını değiştirip deneyin.

Her şeyi denedim tek tarayıcıları silip yeniden kurmayı denemedim. Eğitimciyle görüştüm kendisi de denedi onlarda sıkıntısız çalıştı ve yazdığım kodların sıkıntısı olmadığını söyledi zaten html etiketler ve icon etiketi vardı başka yoktu tarayıcılarda sıkıntı var galiba. Çerezleri önbellekler her şeyi yaptım ama sonuç olumlu değil