我正在开发几个都属于同一个站点的 Web 应用程序。因为这里有几个项目，所以我需要大量的图标，每个图标都有大约 12 种不同的颜色。（有这么多图标的原因是需要特定自定义图标的非常具体的操作）。如果包括所有颜色变化，我正在使用的图标总数很容易达到 400 多个。
我一直在使用 css sprite 图像来包含所有这些图标，但此时我不得不添加更多图标，从 sprite 生成这些图标所涉及的 CSS 变得非常长，并且 sprite 图像变得更大.
有没有更好的方法将这些图标包含到网站中？我已经研究过制作一个图标字体（它们都是简单的单色图标，所以这很好），但不确定更新有多容易。我还考虑过为图标制作单独的文件，并将其作为图像包含在内。然后还有 SVG 路线。
根据我需要多少图标，并且定期添加更多图标，您认为包含图标的最佳途径是什么？
每页最多可能有 10 个不同的图标，但不幸的是我不能保证它会是 10 个特定图标。（如，没有我可以组合在一起的特定类型的图标）。
谢谢！