- WordPress 的新 TwentySeventeen 默认主题使用 SVG 图标系统。 该系统由 Sami Keijonen 贡献，他曾在 该方面积累了一些经验，并在此处撰写了一些关于它的文章 这里。 该主题 具有函数，可为它们输出正确的/可访问的标记。
- Webpack 现在拥有 一个 SVG 精灵加载器，它允许您像在 webpack 中使用其他资源一样，使用
import myGreatIcon from './my-great-icon.svg';。 - 上述两个项目都提到了 IE/Edge 无法从文件路径中
<use>的问题，因此分别推荐使用 svgxuse 和 svg4everybody。 - 我还没有看到有人谈论 SVG 图标系统，他们说，去他妈的，我们正在运行 HTTP/2，我们只是使用
<img src="icon-x.svg" alt="">。 我也从未见过利用 片段标识符 的 SVG 图标系统（Safari 和 Android 在这里存在问题，因此这并不奇怪）。
几个 SVG 图标链接
DigitalOcean 为您的旅程各个阶段提供云产品。 立即开始使用 价值 200 美元的免费积分！
感谢您提供我们 webpack 加载器的链接，Chris！ Edge 确实在 13 中支持带有外部路径的
<use>，因此希望这些 polyfills 不久后将不再需要。 话虽如此，我需要检查一下 svgxuse。 他们的自述文件声称他们不会进行任何轮询，因此我很想知道他们将如何响应由 javascript 更改的图标。关于上面 Jeremy 的评论，在阅读本文后，我感到有点慌张，因为我在我的投资组合网站上到处使用
<use>标签。 我刚刚在 Edge 13/14 上进行了检查，一切正常。 我还需要查看 svgxuse。 感谢您提供这篇很棒的文章！正如 Chris Coyer 在他的一本书中所说……我在网站的每个页面上都用 AJAX 加载我的 SVG 精灵，这样我就可以在没有 svgxuse 或 svg4everybody 的情况下在 Edge 中
<use>它们。 通过这种方式，浏览器将缓存精灵。 太棒了！