svg-icon标签使用

SVG（Scalable Vector Graphics）是一种基于 XML 的图形格式，用于在Web上显示矢量图形。SVG图像可以通过使用`<svg>`标签在HTML文档中嵌入或使用`<img>`标签引用外部SVG文件。

要在HTML中使用SVG图标，可以使用`<svg>`标签和相关的SVG元素和属性来创建图标。以下是一个使用`<svg>`标签创建一个简单的SVG图标的示例：

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
  <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z"/>
</svg>

在上面的示例中，`<svg>`标签定义了一个SVG图像，并通过`width`和`height`属性设置了图像的尺寸。`viewBox`属性用于指定图像的可见区域。

在`<svg>`标签内部，使用`<path>`元素来定义图标的形状。`d`属性指定了路径数据，描述了图标的轮廓。

要使用这个SVG图标，只需将上述代码插入到HTML文档中相应的位置即可。

当然，还有其他的SVG元素和属性可以用来创建更复杂的图标，这只是一个简单的示例。你可以根据具体需求去了解更多关于SVG图标的使用方法和技巧。