我把我的图标放在这里：
http://www.vittoriosastarsnursery.com/favicon.ico
但由于某种原因它不想在 Firefox 中显示。它确实可以在 IE 中运行，但我更关心它是否可以在 Firefox 中运行。
突然我找到了答案这里
您应该添加“？”到你的网站图标路径，它就可以工作了！即使有像
images/favicon.ico<link rel="icon" href="/images/favicon.ico?" type="image/x-icon">其他浏览器也适用。
记得重启mozilla，因为它有自己的缓存，与css和其他缓存无关。
更新：
另一种方法是设置从
favicon.ico/images/favicon.ico我可以在 Chrome、Firefox 和 IE 中看到它。我的朋友在大学考试时就遇到了这样的问题。这只是一个奇怪的缓存问题，让她觉得它工作不正常。我相信除了你之外的每个人都会看到它工作得很好。
尝试打开开发工具（Mac 上的 CMD + Option + i）并硬刷新页面（按住刷新按钮直到出现选项）。
您可以随时尝试在清除缓存后重新启动浏览器，看看是否有帮助。
<link rel="icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon">
需要考虑的两件事
对于那些遇到此问题的人，请尝试将您的图标文件移至主目录。它对我有用并解决了我的问题。
https://github.com/ritwickdey/vscode-live-server/issues/77
我在使用 VS-Code 实时服务器时遇到了这个问题，如上所述，这是浏览器缓存问题，对此有一个流行的 github 线程。
试试这个技巧：
<link rel="icon" href="favicon.ico?v=2" type="image/x-icon"/>快乐学习
如果您不想花几个小时。尝试找出您的网站图标未显示的原因，请确保始终将其放置在项目文件夹的根目录中，并在页面的
<head></head><head>
//other code
<link rel="icon" href="favicon.ico" type="image/x-icon">
//other code
</head>
文件夹结构
--app
-----img
-----js
-----css
-----favicon.ico
这只是一个缓存问题。只需更改文件名，它就会立即显示...否则什么都不做，它最终会显示出来。浏览器对图标缓存非常执着。
它在 FireFox 中对我有用。运行
identifyidentify: invalid colormap index 'favicon.ico' @ error/image.c/SyncImage/3906也许在图形编辑器中打开文件并重新保存可以清除此错误。
我也遇到这个问题了。事实证明（至少对我来说）是通过 .htaccess 阻止没有引荐来源网址的用户/代理导致了问题。
尚未提及的问题似乎是图像文件大小的原因。我使用的图像大小为 4254px X 3850px，大小为 1.3MB。它在 Chrome 桌面版上运行良好，但在 Chrome 移动版或 Firefox 上运行不佳。将尺寸更改为 120px X 120px 将文件大小减小到 9.1KB，并且图标现在运行良好。
P.s.仅当您的代码没有问题时这才有效。
如果您使用的是 Microsoft Edge，那么在运行本地开发服务器的浏览器选项卡上，您可以按住重新加载/刷新图标，它会显示三个选项
第二个（硬刷新）对我有用，所以你可以尝试一下，如果它不适合你，那么你可以尝试第三个选项（清空缓存和硬刷新）
对于那些已经尝试了所有方法但图标仍然不显示的人：
确保你的代码是这样的：
<link rel="icon" href="favicon.ico"/>
如果您仍然遇到同样的问题，请将整个网站放在另一个目录中，例如记忆棒（这为我解决了这个问题:)）。
记住：您必须将图标代码放在每个页面的 中。 :)