Florens Verschelde 在本指南中介绍了 SVG 图标系统的基础知识，并结合了一些实用技巧：双色技巧、预加载精灵图以及使用自定义属性实现无限颜色变化。此外，还介绍了一种有趣的关于使用多种方法插入精灵图的方法。
我喜欢混合两种方法，构建两个精灵图。
- 一个包含基本图标的小精灵图（例如页面标题中使用的主要图标），可在每个页面上内联。目标大小：5KB 或更小。
- 一个包含项目所有图标的大精灵图，作为外部文件保存。目标大小：50KB 或更小。
可以称之为“关键图标”。
如何使用 SVG 图标
DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费积分！