很多图标的“歪”并不是路径画错，而是你把它放在了数学居中，却忽略了视觉居中。人的感知会受到形状面积分布、尖角方向、负空间大小影响。一个向右的箭头即使几何中心对齐，也会因为尖端的方向性让整体看起来偏右。一个上粗下细的形状，即使边界等距，也会因为上部重量更大而显得上沉。
所以图标对齐时，别只看对齐面板的数值，要看它在真实界面里与文字、按钮、卡片的关系。把图标放进组件里看一眼，比在空白画板上盯半天更可靠。
图标在 16px、20px 这类小尺寸时，任何 0.5px 的位移都会让边缘被抗锯齿抹软。你会觉得线条变细、变灰，整体像被擦了一层雾。很多人会加粗线条，结果在高清设备上又显得笨重。真正的解决是让关键边界尽量落在整数像素上，并控制线条宽度与画板倍率的关系。
如果你在矢量软件里画的是 1px 线条，导出时又做了 2x、3x 倍率，线条在不同倍率下会落在不同的像素边界上。更稳的策略是：以目标尺寸为基准建立网格，在网格上画出主轮廓；导出多倍率时确保缩放是整数倍，避免出现 1.5x 这类会引入半像素的组合。
很多图标看起来“偏”是因为圆角的处理不一致。圆角会削掉角部面积，让某一侧变轻。如果左侧圆角更大，左侧就会变轻，整体会感觉偏右。尤其在图标包含多个圆角时，哪怕半个像素的差异也会被放大。
建议在同一套图标里建立圆角规则：同类形状统一圆角半径；不同尺寸按比例缩放；必要时在关键拐角处使用更接近光学的圆角，而不是机械地套同一个数值。这样整套图标的“质感”会更一致。
线性图标依赖线条粗细与端点样式，填充图标依赖形状块面与留白。两者混用时，视觉重心的规律会变化，导致对齐时你觉得“总差一点”。如果项目里要同时存在两种风格，建议把它们分为不同集合，在组件里用不同的对齐与间距规则，而不是硬塞进同一个栅格体系。
有些图标在设计软件里看起来居中，但放到前端后却显得“顶着边”。原因往往是导出时画板边界过紧，导致组件的内边距被侵蚀。图标需要留白，不是为了好看，而是为了让它在按钮、标签、输入框里有可呼吸的空间。
一个可复用的做法是：为图标定义统一的外框与安全区，让所有图标都在同一外框内进行视觉居中调整。这样组件只需要按外框对齐，就能获得一致的效果，减少前端的特殊处理。
当你觉得图标不稳时，先问三个问题：它是几何中心还是视觉中心在偏；它是否落在整数像素上；它的圆角与线条是否遵守同一套规则。把问题拆开后，你会发现大多数“歪”都能在几分钟内定位，而不是靠反复拖动 0.1px 直到麻木。
如果你要做一套 20px 的线性图标，建议先把画板与网格锁定：画板 20×20，主轮廓尽量落在整数像素；线条粗细选择 1px 或 2px，并确保在 2x/3x 导出时依然落在整像素上。然后再做视觉居中微调：像箭头、播放、发送这类有方向性的图标，通常需要朝指向方向反向微调一点点，才能在真实界面里看起来稳定。
当图标放进按钮或列表项后看起来不稳，先检查两件事：外框留白是否一致，组件的行高与对齐方式是否改变了视觉参照。比如图标与文字基线对齐时，图标会看起来偏下；改为与文字中线对齐通常更稳。再者，组件内边距不一致会让图标像“贴边”，这不是图标的问题，是容器的安全区太小。
如果同一套图标里有的线端是圆的，有的是平的；有的圆角半径大，有的很小，用户会觉得“风格不统一”，并把这种不统一误解为“图标歪”。所以在开始画之前先规定：端点样式（round/butt）、拐角样式（round/miter）、以及统一的圆角半径范围。规则统一后，视觉居中的微调也会更可控。
