图标套件

暖纸色圆角底 + 墨色开口门 + 蓝色出口箭头：门是「一处登录入口」，箭头是「复用到任意站点」。不含文字，换域名或改品牌名时无需重做；不使用 Google 四色 logo，避免品牌混淆。

Favicon / 浏览器标签页

favicon-16x16.png

16 × 16 · 标签页 / 书签

favicon-32x32.png

32 × 32 · 高分屏标签页

favicon-48x48.png

48 × 48 · Windows / 快捷方式

favicon.svg / brand.svg / mask-icon.svg

矢量源 · 现代浏览器 / Safari 固定标签

favicon.ico

内含 16 / 32 / 48 三尺寸 · 兼容旧浏览器

设备图标 / PWA

apple-touch-icon.png

180 × 180 · iOS 添加到主屏幕

android-chrome-192x192.png

192 × 192 · PWA / Android

android-chrome-512x512.png

512 × 512 · PWA 启动画面 / Google 应用徽标

maskable-icon.png

512 × 512 · 带安全区的自适应图标

site.webmanifest

site.webmanifest

PWA 清单：名称 / 主题色 / 图标

社交分享图 / Open Graph

og-image.png

1200 × 630 · 微信 / X / LinkedIn / Slack 链接预览

可直接复制的 <head> 标签

<link rel="icon" href="assets/favicon.ico" sizes="16x16 32x32 48x48">
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
<link rel="mask-icon" href="assets/mask-icon.svg" color="#1b1b19">
<link rel="manifest" href="assets/site.webmanifest">
<meta name="theme-color" content="#f6f5f1">
<meta property="og:image" content="https://你的域名/assets/og-image.png">