icomoon图标字体多颜色

Question

我使用icomoon生成颜色图标，但是它会偏离多个字形组合它们，反正只能将跨度组合为1？

因为我将以html格式输出数据，并且每一行都有一个图标， 并且最大字符跨度数为20，每行有20个跨度html DOM太大。任何解决方案或软件都可以转换颜色图标，但只能转换1类吗？

.icon-test .path1:before {
  content: "\e906";
  color: rgb(144, 144, 144);
}
.icon-test .path2:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-test .path3:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(252, 168, 57);
}
.icon-test .path4:before {
  content: "\e909";
  margin-left: -1em;
  color: rgb(96, 175, 221);
}
.icon-test .path5:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(0, 188, 173);
}

<span class="icon-test">
  <span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span>
</span>