将外部文件与svg代码链接到主索引

Question

在主索引页面中保留多行svg代码非常不优雅。我正在寻找解决方案，让我将该代码移动到另一个文件，并在我的页面中将此文件链接到应有的位置。类似的东西：

<svg><use href="linkedfile.svg"></use></svg>

但上面的解决方案不能正常工作 - 图像格式化非常坦率，无法通过CSS修改。我需要良好的工作方法。

Answer 1

您是否在CSS文件中尝试过背景图片？

.image{
 background: url(linkedfile.svg);
}