mdi避坑：先搞懂这几个逻辑

mdi避坑不能只盯着“有哪些图标”。更大的问题其实在原理：图标如何分发、为什么会影响体积、统一风格靠什么维持、以及什么时候数量越多反而越麻烦。把这些逻辑看透，很多坑就能提前绕开。

先认清它不是“图片仓库”

mdi看着像一大堆图标，实际更像一套命名和分发规则。你不是随便挑张图放上去，而是在调用一个有固定语义的图标系统。这个认知很重要，不然你只会盯着“有没有这个图”，忽略“该怎么用才对”。

很多避坑问题，都是因为把图标库当成素材网站。真要稳，得先懂它的组织方式。mdi避坑第一步，不是挑图标，而是确认团队到底想要“统一可维护”，还是“临时能显示”。

如果走字体图标思路，优点是接入快、样式统一，缺点是整包体积和可控性。SVG 或按需导入则更细，图标会跟着页面一起变，适合做精细控制。两种方式没有绝对高下，只有成本位置不同。

问题通常出在项目没想清楚就开干。前期看着省事，后期就可能在首屏性能、缓存更新和构建配置上补课。mdi避坑里最要命的，不是不会用，而是没搞清成本到底落在哪。

图标多，不等于体验好。一个产品里如果图标风格乱、线条粗细不一、圆角和直角混着来，用户会先觉得乱。mdi的优势在于整体风格比较统一，适合把页面的操作感拉平。

所以别一边用mdi，一边又塞进其他风格完全不同的图标。混搭不是不行，但要有分寸。避坑的核心，是把视觉规则变成默认值，而不是每次都靠人肉判断。

项目小的时候，图标替换像小修小补；项目大了，图标就会变成资产管理。谁来定名，谁来换旧图标，谁来处理弃用版本，这些都要提前想。mdi避坑最容易漏掉的，就是后期维护成本。

还有一个隐形问题，是重复劳动。一个图标如果团队里各人各写一套，后面改起来特别磨人。把mdi当成统一入口，比到处找图标省心，也更容易接入设计规范。

不是所有界面都值得上大而全的图标库。图标只要够用、够统一、够清晰就行，没必要为了“看起来专业”把系统搞复杂。该收手的时候收手，反而更像成熟产品的做法。

mdi避坑讲到最后，其实是帮你把选择变简单。你先看清原理，再决定要不要用、怎么用、用到什么程度，很多烦心事都会少一半。

会员专享，海量内容

加入会员，海量资源任你看

因为图标库要么带着一整套字体资源，要么在打包时引入不少 SVG 资产。只要不是按需使用，体积就可能上去。真正影响大小的，是你的引入方式，不只是库本身。

能混，但要有明确边界。功能图标统一用mdi，品牌或特殊业务图标保留自定义资产，会比四处混着写更容易维护。

先定规则，再写代码。把引入方式、命名方式和使用范围说清楚，后面就少很多返工。