我有一堆SVG路径（用于图标），如果将它们直接放在HTML中，它们可以很好地工作。但是有这么多，我想把它们放到一个外部文件中。我不能使用object或img，因为我使用CSS来设置它们的样式。有什么想法吗？。

<!-- svg paths -->
<symbol viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet" id="icon1">
  <path d="..."></path>
</symbol>

<symbol viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet" id="icon2">
  <path d="..."></path>
</symbol>

<symbol viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet" id="icon3">
  <path d="..."></path>
</symbol>

<代码><；！--HTML-->；<；SVG（>；）<；使用XLink：href="；#icon1"；>；<；/use>；<；/SVG>；<；SVG（>；）<；使用XLink：href="；#icon2"；>；<；/use>；<；/SVG>；<；SVG（>；）<；使用XLink：href="；#icon3"；>；<；/use>；<；/SVG>；

顺晟科技：

您可以在ID引用前面使用文件名。就像这里，我指的是文件<!-- html --> <svg> <use xlink:href="#icon1"></use> </svg> <svg> <use xlink:href="#icon2"></use> </svg> <svg> <use xlink:href="#icon3"></use> </svg> 中的符号s2：

<代码><；！文档类型HTML>；<；HTML（>；）<；头部>；<；标题>；SVG符号<；/标题>；<；/标题>；<；身体>；<；H1>；测试<；/H1>；<；SVG xmlns="；http：//www.w3.org/2000/svg" viewbox="；00200200"；>；<；使用href="；符号.SVG#S2"；/>；<；/SVG>；<；/正文>；<；/HTML>；