Tổng hợp các thẻ dùng cho SVG Favicon

 (medium.com)
6 điểm bởi xguru 2020-04-23 | 1 bình luận | Chia sẻ qua WhatsApp

  • Chrome, Safari, Edge, FF và hầu hết các trình duyệt hiện đều hỗ trợ favicon SVG

  • SVG cơ bản có thể dùng với rel="icon"

  • Safari dùng rel="mask-icon" color='#000000'

  • Có thể thay đổi màu trong chế độ tối

Với trình duyệt di động thì vẫn như trước:

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

  • Android & Chrome: cần chỉ định icon, màu sắc, v.v. trong manifest.json

Bài viết liên quan

1 bình luận

 
xguru 2020-04-23

Trong nội dung có ghi là không cần image/svg+xml,

nhưng trên https://caniuse.com/#feat=link-icon-svg lại nói rằng với Chrome và Edge thì cần image/svg+xml. Có vẻ cần phải thử nghiệm.