SVG Favicon kullanımı için etiketlerin özeti

 (medium.com)
6 puan yazan xguru 2020-04-23 | 1 yorum | WhatsApp'ta paylaş

  • Chrome, Safari, Edge ve FF dahil çoğu tarayıcı SVG favicon’u destekliyor

  • Temel SVG için rel="icon" kullanılabilir

  • Safari’de rel="mask-icon" ve color='#000000' kullanılır

  • Karanlık modda renk değiştirilebilir

Mobil tarayıcılar için ise eskisi gibi:

  • iOS: rel="apple-touch-icon"

  • Android ve Chrome: manifest.json içinde ikon, renk vb. belirtilmelidir

İlgili okumalar

1 yorum

 
xguru 2020-04-23

Metinde image/svg+xml'in gerekli olmadığı yazıyor,

ama https://caniuse.com/#feat=link-icon-svg sayfasında Chrome ve Edge gibi tarayıcılarda image/svg+xml'in gerekli olduğu belirtiliyor. Test etmek gerekiyor gibi görünüyor.