bsklhao的博客

icons: {'logo': {body: '<path d="..." fill="currentColor"/>' // SVG path 内容},width: 24,height: 24});// 使用：<Icon icon="my-custom:logo" />Iconify 是目前前端开发中最灵活、性能最优的图标解决方案之一。它解决了传统图标字体加载慢、样式难定制的问题，同时通过统一的 API 屏蔽了不同图标库的差异。

维度胜出方性能🏆Iconify灵活性🏆Iconify图标丰富度🏆Iconify多色支持🏆Iconify旧浏览器兼容⚖️ 平手（均可降级）简单项目上手速度🏆 字体图标（若已熟悉）✅趋势：随着 SVG 成为 Web 标准且浏览器支持完善，Iconify 代表的 SVG 图标方案正逐步取代传统字体图标，尤其在注重性能与现代用户体验的项目中。

特性优势劣势清晰度任意缩放不失真不适合表现照片级真实感的复杂图像（如风景照）性能简单图形文件极小极其复杂的矢量图（如详细地图）可能导致渲染卡顿，DOM 节点过多编辑性代码可编辑，易于版本控制手动编写复杂图形困难，通常需借助设计软件（Illustrator, Figma, Sketch）导出兼容性现代浏览器完美支持IE8 及以下不支持（现已基本无此顾虑）

定义：SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，由W3C提出并维护。它通过路径、线条、颜色和文本等元素来描述图像内容，而不是像JPEG或PNG那样基于像素点构成[2][4特点：无损缩放，文件体积小，可读可改，支持动画与交互，易于版本控制与协作[2。