从文件导入SVG时如何修改其颜色？

我的网站上有大量SVG文件，希望导入后能轻松修改默认的黑色，适配不同场景。我知道直接内嵌SVG时可以这样改颜色：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128" viewBox="0 0 32 32" style="fill: red">
<path d="M30.148 5.588c-2.934-3.42-7.288-5.588-12.148-5.588-8.837 0-16 7.163-16 16s7.163 16 16 16c4.86 0 9.213-2.167 12.148-5.588l-10.148-10.412 10.148-10.412zM22 3.769c1.232 0 2.231 0.999 2.231 2.231s-0.999 2.231-2.231 2.231-2.231-0.999-2.231-2.231c0-1.232 0.999-2.231 2.231-2.231z"></path>
</svg>

这里只要设置fill: red就能生效，但我没法用链接形式的<svg>标签，而且<img>标签不支持这个属性。

我的所有SVG文件格式统一，必要时可以编辑，示例如下：

<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 88.65 122.88" style="enable-background:new 0 0 88.65 122.88" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><path class="st0" d="M45.65,3.62v... you get the idea ...115.63c06.46z"/></g></svg>

请问在无需保存多份不同颜色的SVG文件，也无需在页面中嵌入路径数据的情况下，该如何解决此问题？

内容的提问来源于stack exchange，提问作者user9102437