Safari不显示固定标签图标

Question

我正在尝试将固定图标添加到我的网站.我在HEAD HTML中使用以下内容:

<link rel="mask-icon" href="/icons/dfstar.svg" color="blue"> 

但它似乎没有用.我确认图标在那里.即我试图直接在浏览器中打开"/icons/favicon.svg",这是有效的.

我搜索并找到了我尝试过的以下建议:

• 确保SVG为100%黑色且只有一种颜色.
• Viewbox设置为16 x 16
• SVG中只有一条路径.
• 删除〜/ Libary/Safari/Template Icons文件夹的内容并重启Safari
• 清除浏览器缓存

但它们都没有奏效.我仍然只是用我的域名的第一个字母获得一个图标.我在OSX 11上的Safari 10.0中进行测试.

有趣的是,我尝试过一些着名的网站,如维基百科,谷歌,雅虎和CNN.所有这些都显示了固定标签图标.但是当我使用Web Inspector查看这些网站的源代码时,我没有看到任何一个掩码图标链接标记.那么Safari可能会使用其他一些方法来获取网站的固定图标吗？