内联 svg 图标呈现乱码

Question

我有一个附加到正文的内联 svg 图标表。我使用带有“使用”标签的图标，如下所示。但有时图标可能会像第一个屏幕截图一样损坏。通常它会像第二个屏幕截图一样呈现。例如，当一个图标呈现错误时，我编辑 svg 文件添加一个空格，然后它开始正确呈现。有什么想法吗？

<svg class="icon small svg-conversation">
  <use xlink:href="#icon-conversation"></use>
</svg>

编辑： svg 如下所示，我已经从 icomoon 导出了 svg 文件。

<svg display="none" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs> 
<symbol id="icon-wait" viewBox="0 0 1024 1024">
    <title>wait</title>
    <path class="path1" d="M791.273 605.091c-51.2 0-93.091-41.891-93.091-93.091s41.891-93.091 93.091-93.091 93.091 41.891 93.091 93.091-41.891 93.091-93.091 93.091zM512 605.091c-51.2 0-93.091-41.891-93.091-93.091s41.891-93.091 93.091-93.091 93.091 41.891 93.091 93.091-41.891 93.091-93.091 93.091zM232.727 605.091c-51.2 0-93.091-41.891-93.091-93.091s41.891-93.091 93.091-93.091 93.091 41.891 93.091 93.091-41.891 93.091-93.091 93.091z"></path>
</symbol>
...
...
</svg

Answer 1

罪魁祸首是空白过滤器。它工作错误并删除了一些必要的字符。