线性图标与实心图标，何时该用哪种
线性图标和实心图标可以表达同一个概念，但它们在界面中的表现并不相同。差别不只是视觉偏好。描边粗细、留白、对比度和背景条件，都会影响用户识别图标的速度，以及图标在不同状态、屏幕尺寸和高密度布局中是否依然清晰。在线性和实心之间做选择，本质上是清晰度和语气的问题。
简单来说，线性图标使用轮廓和开放形状，而实心图标使用实体形状和更强的视觉分量。线性风格通常显得更轻、更精确。实心风格通常显得更大胆，也更容易快速扫读。没有哪一种天然更好。正确的选择取决于图标出现的位置、缩小后的尺寸，以及界面希望用户优先注意什么。
当UI需要留白与克制时，线性图标更合适
当产品需要更轻的视觉触感时，轮廓图标通常是更好的选择。它们在工具栏、设置面板、次要操作和拥有大量留白的桌面界面中显得更安静。这也是为什么线性图标常见于生产力产品、管理工具和希望呈现干净而非喧闹感的编辑类界面。
它们也适合偏向极简、技术感或高端视觉系统的品牌。如果你的字体较细、布局较为开阔，线性图标通常会更自然地融入。像 浏览免费线性图标集 这样的库，在你想获得更轻盈的观感又不想放弃一致性时会很有用。
代价在于可读性。尺寸变小时，如果描边太细，或者内部留白过于开放，线性图标会很快丢失细节。一个在 32 像素下看起来优雅的线性图标，到了 16 像素时可能就变得模糊。如果你的界面依赖很小的图标来支持快速扫读，就必须更谨慎地测试。
实心图标在小尺寸和高注意力场景中更有优势
实心图标在小尺寸下通常更容易识别，因为即使细节减少，它们的轮廓依然可见。这使它们在移动导航栏、紧凑型操作按钮、状态标记和通知区域中特别有效，因为在这些地方，识别速度往往比细腻感更重要。如果用户只有半秒钟在手机上找到首页、搜索或个人资料，实心图标通常比精细的轮廓图标更能撑住。
实心图标在深色背景上也往往表现更好。与细描边相比，强烈的形状更能稳定保持对比度，尤其是在界面使用分层表面或发光效果时。轮廓图标在深色模式下也可以显得很精致，但它们需要更细致的色彩系统。
出于同样的原因，实心风格通常也是主操作和当前状态指示器更稳妥的选择。在很多应用中，设计师会为未激活的导航项使用轮廓版本，在项目激活后切换为实心版本。这个模式之所以有效，是因为状态变化在颜色被注意到之前就已经足够明显。如果你需要更强的状态反馈，可以 浏览适用于UI项目的实心图标，并在产品实际使用的尺寸下比较轮廓强度。
状态变化与混用风格，只有在规则明确时才成立
设计师确实会在同一产品中混用线性图标和实心图标，但只有在遵循系统规则时，这种混用才会显得有意为之。最常见的规则是基于状态：未激活用线性，激活用实心。另一个好规则是基于层级：次要工具用线性图标，主导航或警示用实心图标。问题通常从随机混用开始。
这时就需要 Gestalt 式的思考。用户会把相似的形状、粗细和行为归为一组模式。如果一个图标家族拥有一致的比例和描边逻辑，界面就会显得连贯。如果一半图标轻盈而几何，另一半却厚重而拥挤，产品就会开始显得像拼凑出来的。
双色图标也遵循同样的规则。它们更适合保留在那些额外层次确实有帮助的地方，比如引导流程、功能亮点、营销面板或更丰富的空状态。在高密度产品 UI 中，单色图标通常更好，因为它们更容易快速扫读，也更容易在不同状态之间保持一致。
仪表盘、数据密集型产品和移动 UI 的优先级并不相同
对于仪表盘和数据密集型界面，当线性图标用来辅助表格、筛选器和围绕密集内容的次要操作时，往往表现很好。它们可以让界面框架更轻，从而让图表、数字和标签继续保持主导。但这只在图标不太小的情况下成立。一旦控件变得紧凑，实心图标通常会更容易识别。
这意味着并不存在通用的仪表盘规则。当图标是在辅助信息时，用线性图标。当图标承载交互权重时，用实心图标。宽松工具栏中的筛选图标可以保持轮廓形式。受限面板中的小型警告、通知铃铛或被选中的导航项，通常更适合实心处理。
移动界面通常会把选择进一步推向实心图标，因为可用尺寸更紧，使用环境也更苛刻。人们会在移动中、在注意力被分散时使用手机。更醒目的轮廓会有帮助。这并不意味着每个移动图标都应该是实心的，而是意味着与核心导航、状态或激活状态相关的图标通常需要更强的识别性。
选择符合品牌气质和可访问性基线的风格
最好的图标风格，是既符合你的视觉语气，也符合你的可用性门槛的那一种。如果你的品牌感觉精准、平静、编辑化或技术化，线性图标可能会强化这种声音。如果它感觉自信、友好、直接或更像应用产品，实心图标可能会更贴合。这个选择应该与字体、圆角半径、插画风格和颜色表现方式相呼应。
可访问性也应该成为这个决策的一部分。SVG 图标可以干净地缩放，并且在作为有意义的界面图形使用时，可以得到正确标注。当 SVG 作为图像或成组符号使用时，MDN 建议将其视为单个有意义的图形，并提供适当的标注。仅靠风格本身并不能带来清晰性。图标仍然需要足够的对比度、足够的尺寸和可识别的形状。
实用规则很简单。当你想要视觉上的克制，并且有足够尺寸保留细节时，使用线性图标。当速度、强调和小尺寸下的可读性更重要时，使用实心图标。只有在系统清楚定义原因时才混用。对于大多数团队来说，这个框架比抽象地讨论哪种风格更好看更有用。