应用图标
App Icon
初级通用应用图标（App Icon）是代表一个应用的图像，常出现在手机桌面、应用列表或已安装的网页应用入口。它解决的是用户在一排应用中快速认出并找到你的产品的问题，比如让记账 App 在桌面上有一个可辨认的入口。
你可能会说：「我想让用户把应用装到手机后，在桌面上一眼认出它，别显示成默认图案。」
动手看看手机桌面的记账入口
切换两种图标，再找找桔子记账。悬停、点按目标图标，或用 Tab 聚焦它；这里仅演示入口反馈，不会真的打开应用。
橙色底、账本轮廓和货币符号一起形成识别线索：既暗示记账，也与邻居拉开差别，不只是换个好看的颜色。
要点应用图标在产品里起什么作用？
- 1
它是应用入口的识别图像
你在手机桌面或应用列表里看到的那张小图，就是应用图标。用户常常先看图再看名称，所以它需要在很小的尺寸下也能被认出，而不只是放大看时好看。
- 2
图案要适应不同显示环境
同一个图标可能出现在浅色或深色背景上，也可能被系统裁成不同形状。我们可以先检查主体是否够清楚、边缘有没有重要内容，再按目标平台准备所需资源。
- 3
交付时要说明使用位置
如果你只对 AI 说“做个图标”，它可能给你一个页面里的小按钮图案。说清楚这是手机 App 的桌面图标，还是网页应用安装后的入口图标，才能让它制作对应资源并检查配置。
容易混淆的地方
应用图标和标志有关，但用途不同：标志可以带文字、用于官网页头或宣传材料；应用图标主要放在系统提供的小入口里，通常需要更紧凑。它也不是网站图标：网站图标主要帮助用户在浏览器标签页、书签等位置识别网站；如果只是改浏览器标签上的小图，你要找的是网站图标。
什么时候用
适合用
- 你在做手机 App，需要让它安装后在桌面和应用列表里显示自己的图像。
- 你在做可安装的网页应用，希望用户添加到设备后看到明确的产品入口。
- 你请 AI Agent 检查发布资源，想确认应用入口没有沿用项目模板的默认图案。
不适合用
- 你只想改浏览器标签页旁边的小图，做网站图标更直接，不必把需求说成应用图标。
- 你想在官网页头展示产品名称和品牌图形，这里用标志更合适。
- 你想给后台的“删除”操作配一个小图形，这属于界面图标，不是应用图标。
练一练选一个答案，看看解释
你做了一个可安装的记账网页应用。用户安装到手机后，桌面入口仍显示默认图案，但浏览器标签页已有你设计的小图。接下来最该检查什么？
让 AI 帮你做复制给 AI Agent 直接用
请为这个可安装的网页应用处理应用图标：先检查现有图标资源和网页应用清单的配置，找出桌面入口显示默认图案的原因；再给出适合小尺寸识别的图案方案，完成资源接入，并说明我该如何安装验证。