内联svg图标呈现乱码

Question

我有一个内联的svg图标表，附加到正文。我使用＆＃34;使用＆＃34;标签如下。但有时一个图标可能会像第一个屏幕截图中那样被打破。通常它会像第二个屏幕截图中那样呈现。例如，当图标被错误地渲染时，我编辑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

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