Favicon 网站图标（Favicon）
/FAV-ih-kon/ · noun · 内容类模式 · #097
网站显示在浏览器标签页、书签和历史记录旁边的小图标，通常是 logo 的简化版。同一个图标的大尺寸版本，会在用户把网站添加到手机主屏幕时成为快捷方式图标。
别名：网站图标、网页标签图标、标签页图标、浏览器标签图标。
你可能会这样叫它
- “浏览器标签页上的小图标”
- “网页标签上的 logo”
- “书签旁边的小图标”
- “网址前面的小图标”
……它的名字是 网站图标（Favicon）（Favicon）。
常见问题
favicon 是什么意思？
favicon 是「favorites icon（收藏夹图标）」的缩写，指网站显示在浏览器标签页、地址栏、书签和历史记录里的小图标。它最早出现在收藏夹（IE 把书签叫 Favorites）旁边，所以叫这个名字。
代码里叫什么
| Web (HTML) | <link rel="icon"> <link rel="apple-touch-icon"> |
|---|---|
| Web app manifest | icons 安装为 Web 应用时使用的 192 和 512 像素图标 |
| Next.js (App Router) | app/favicon.ico app/icon.png app/apple-icon.png |
| iOS / Android | App 用的是应用图标，没有标签页可以显示 favicon |
复制给 AI 编程工具
为网站加一套 favicon：一个在 16 像素下也能看清的 SVG 图标（logo 的简化加粗版），一个 32 像素的 PNG 或 favicon.ico 作为后备，一个 180 像素、背景不透明的 apple-touch-icon，以及 Web 应用清单里的 192 和 512 像素图标。在 head 里引用它们，并确认图标在浅色和深色标签栏上都清晰可辨。