如何在我的网站上使用 W3.org 的 SVG 图标？

Question

我经常浏览网站中的元素并不断看到以下内容：

<svg width="13" height="13" viewBox="0 0 13 13" version="1.1"
xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink" data-ui-test="undefined-svg">
<use x="0" y="0" width="13" height="13" xlink:href="/images/icons/icon_definitions.svg#heart"></use></svg>

如何在我的网站上使用类似的图标？我尝试访问 W3.org 来了解如何操作，但不太清楚如何操作（如果可以的话）。有谁愿意解释一下吗？

Answer 1

如果您.svg在某些文本编辑器中打开任何文件，您将看到类似的代码。它只是用XML语言描述的二维向量，可以直接在HTML中使用。

SVG 是一种基于 XML 的语言，用于描述二维矢量和混合矢量/光栅图形。来源：w3.org/TR/SVG2/

作为示例，您可以检查iconvg.xyz。这些图标中的每一个都可以下载，.svg但您可以在下载按钮上方看到它们的代码。