跳至内容
欢迎 Web Awesome,最大的开源 Web 组件库。
今天预订!

SVG + SVG 雪碧图

您目前是否正在使用 SVG 雪碧图或 SVG,并准备迁移到版本 6?以下是您需要执行的操作。

升级 SVG 雪碧图

检查您的图标,如果它们的 名称已更改。如果已更改,您需要在您的实例中更新名称。下表为您提供了一个示例,说明它如何工作。

版本 5 使用版本 6 使用
<use xlink:href="fa-solid.svg#ad"></use><use xlink:href="fa-solid.svg#rectangle-ad"></use>

目前没有简单的 SVG 雪碧图升级选项。需要更新每个图标名称已更改的用法。

升级纯 SVG

为了使用版本 6 的纯 SVG,您需要从版本 6 下载 文件中复制 SVG 代码,并使用新的代码替换版本 5 代码。

此图标已更新。它在 某个地方。

<div class="time-to-get-ill">
<style>
.icon {
width: 1em;
height: 1em;
vertical-align: -.125em;
}
</style>
This icon is updated. It's
<svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 512 512">
<path d="M272 251.2L333.3 343.1C338.2 350.5 336.2 360.4 328.9 365.3C321.5 370.2 311.6 368.2 306.7 360.9L242.7 264.9C240.9 262.2 240 259.2 240 255.1V111.1C240 103.2 247.2 95.1 256 95.1C264.8 95.1 272 103.2 272 111.1L272 251.2zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 32C132.3 32 32 132.3 32 256C32 379.7 132.3 480 256 480C379.7 480 480 379.7 480 256C480 132.3 379.7 32 256 32z"/>
</svg>
somewhere.
</div>