在 sass 上，我使用该功能将内联SVG 转换为 URL编码的SVG 。
然后，我可以更改 svg 图标的颜色。但是问题是我的方法仅在图标只有一种填充颜色时才有效。也就是说，我将符号＃-"fill='%23'"更改为任何颜色"fill='#{$svg-color}'"。
是的，对于大多数图标来说，这总是足够的，但是这种方法可能不是最佳的。我想通过替换任何颜色找到完美的解决方案。
如果您对如何实现这一想法或现成的解决方案有任何想法，请与我分享。
您可以在 CodePen 上查看代码：here。
您可以在 JSFiddle 上查看代码：here。
<iframe width="100%" height="300" src="//jsfiddle.net/RedEagle69/b02dz4s8/embedded/html,css,result/" allowfullscreen="allowfullscreen" allowpaymentrequest frameborder="0"></iframe>