svg-icon 不出来

如果你在网页上使用 SVG 图标，可能有几个原因导致它们无法显示：

1. 文件路径错误：确保你已经正确地链接了 SVG 文件，并且路径是正确的。

2. 缺少 CSS 样式：SVG 图标通常需要 CSS 样式来显示。检查你的 CSS 文件是否正确链接，并且 CSS 样式是否正确。

3. 浏览器兼容性：一些浏览器可能不支持所有的 SVG 特性。你可以在 Can I Use 网站上查看浏览器支持的 SVG 特性。

如果以上解决方法都无法解决问题，你可以尝试使用其他的 SVG 图标库或者联系相关技术支持。

相关问题

<svg class="svg-icon svg-icon-sm svg-icon-heavy me-xl-2">

这段代码是一个SVG图标的HTML标签，它包含以下属性：

- `class="svg-icon svg-icon-sm svg-icon-heavy me-xl-2"`: 指定了SVG图标的样式类，其中`svg-icon`指定了元素为SVG图标，`svg-icon-sm`指定了SVG图标的大小为小号，`svg-icon-heavy`指定了SVG图标的样式为加粗，`me-xl-2`指定了SVG图标的右侧外边距为2个Bootstrap 4的`xl`间距单位。
- `viewBox`: 指定了SVG图标的视图框，其中`viewBox="0 0 24 24"`表示SVG图标的宽度和高度均为24个单位（这里的单位可以是像素、毫米等），`0 0`表示SVG图标的起点坐标在左上角。
- `<use>`标签: 用于引用另一个SVG文件中的图标，其中`xlink:href="#icon-id"`指定了要引用的图标的id，`fill="currentColor"`指定了使用当前元素的文本颜色来填充图标，这样可以方便地通过修改元素的文本颜色来更改SVG图标的颜色。

需要注意的是，以上代码只是SVG图标的一个示例，实际使用时需要根据需要进行修改。例如，可以修改`viewBox`属性来更改SVG图标的大小，修改`<use>`标签中的`xlink:href`属性来引用不同的图标文件，或者修改`class`属性来更改SVG图标的样式。

<svg-icon icon-class="money" class-name="card-panel-icon" /> vue项目中svg-icon 图标不显示 如何解决

这个问题可能是由于以下原因导致的：

1. 没有正确安装svg-icon组件

2. 没有正确配置svg文件的路径

3. 没有正确引入svg-icon组件

你可以尝试以下几个解决方法：

1. 确认你已经正确安装了svg-icon组件，并且在项目中正确引入了该组件。

2. 确认你已经正确配置了svg文件的路径，可以在svg-icon组件的配置文件中修改路径。

3. 确认你正确引入了svg-icon组件，并且在使用时，已经传入了正确的icon-class和class-name参数。

如果以上方法都不能解决问题，你可以尝试在vue项目中使用其他的svg图标库，例如fontawesome或ionicons等。