我之前也碰到过Firefox（Mozilla）书签工具栏里Favicon不显示的情况，结合你贴的代码，咱们来一步步排查和解决：

首先先看看你提供的代码里的几个小问题：

<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon" /> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 
<link rel="apple-touch-icon" sizes="192x192" href="/android-chrome-192x192.png"> 
<!-- 这里有个错误：重复的rel属性，浏览器无法正确解析 -->
<link rel="alternate" rel="apple-touch-icon" href="/android-chrome-192x192.png"> 
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 
<link rel="manifest" href="/site.webmanifest"> 
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 
<meta name="msapplication-TileColor" content="#da532c"> 
<meta name="theme-color" content="#ffffff">

接下来是具体的修复步骤：

• 修正代码中的无效属性：删除那条带有重复rel属性的<link rel="alternate" rel="apple-touch-icon"...>标签，重复属性会导致浏览器解析异常，可能间接影响Favicon的加载逻辑。
• 统一图标路径：你第一个shortcut icon用的是相对路径images/favicon.png，但其他图标都是根路径（以/开头）。如果favicon.png放在网站根目录的images文件夹下，建议改成href="/images/favicon.png"；如果是页面同级的images文件夹，要确保所有页面层级访问时这个路径都能正确指向文件——路径不一致是Firefox找不到图标的常见原因。
• 验证图标文件可用性：直接在Firefox地址栏输入图标文件的完整URL（比如/favicon-32x32.png），看看能不能正常显示。如果出404错误，说明文件路径不对或文件不存在；如果能显示，大概率是缓存或浏览器设置问题。
• 清理Firefox缓存：旧缓存会阻止新图标加载，按下Ctrl+Shift+Del（Windows/Linux）或Cmd+Shift+Del（Mac），勾选“缓存Web内容”后清除，再重启浏览器试试。
• 手动刷新书签图标：如果清理缓存后仍无效，找到对应的书签右键选择“属性”，在弹出窗口里点击“加载图标”按钮，强制Firefox重新获取图标。

另外补充个小细节：Firefox会优先读取<link rel="icon" sizes="16x16">这类明确尺寸的PNG图标，所以确保这些标签的路径和文件都正常，基本就能解决大部分书签工具栏不显示的问题。

内容的提问来源于stack exchange，提问作者Tushar Kumawat