SVG Sprites

现在不需要我们的 SVG + JS 框架，想要 SVG 的美妙之处？别害怕，SVG 精灵就在这里。我们精心准备了所有图标集样式到他们自己的 SVG 精灵中。

#基本使用

获取精灵文件之一。
将此文件与其余静态文件（如 CSS 或图像）一起放入项目中。
在文档的“正文”中调用您要使用的单个图标。

<header>
  <ul>
    <li>
      <a href="https://facebook.com/fontawesome">
        <svg>
          <use xlink:href="fa-brands.svg#facebook"></use>
        </svg>
      </a>
    </li>
    <li>
      <a href="https://twitter.com/fontawesome">
        <svg>
          <use xlink:href="fa-brands.svg#twitter"></use>
        </svg>
      </a>
    </li>
    <li>
      <a href="https://github.com/FortAwesome/Font-Awesome">
        <svg>
          <use xlink:href="fa-brands.svg#github"></use>
        </svg>
      </a>
    </li>
  </ul>
</header>

#SVG 精灵问题

SVG 精灵有一些您需要了解的技巧。

如果您使用 xlink:href 中的 URL，IE 不会自动为您下载文件。如果这是您需要的东西，请查看 [this project ()。
如果您在 xlink:href 中使用 URL，则需要从同一域加载它们。以这种方式加载的 SVG 具有跨源保护。有些人只是直接从他们的静态资产中提供服务。您也可以使用代理。