html引入svg图片

<!-- HTML引入SVG图片示例 -->

<!-- 方法1：直接在HTML中嵌入SVG代码 -->
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

<!-- 方法2：通过<img>标签引入SVG文件 -->
<img src="image.svg" alt="SVG Image">

<!-- 方法3：通过<object>标签引入SVG文件 -->
<object type="image/svg+xml" data="image.svg">
  Your browser does not support SVG
</object>

<!-- 方法4：通过<iframe>标签引入SVG文件 -->
<iframe src="image.svg" title="SVG Image"></iframe>

<!-- 方法5：通过CSS背景图引入SVG -->
<style>
  .svg-background {
    width: 100px;
    height: 100px;
    background-image: url('image.svg');
    background-size: contain;
    background-repeat: no-repeat;
  }
</style>
<div class="svg-background"></div>

以上是几种常见的在HTML中引入SVG图片的方法。你可以根据实际需求选择合适的方式。