No simple way of coloring an SVG file without putting the whole SVG data inside your HTML-rendered file.
With this solution you can implement an small i-element and just as easily change icon by changing the class names.
A way to implement FontAwesome logiq to all your existing svg files.
Modify SVGLoaderPrefix, Prefix and SVGPath to suit your project.
All attributes provided into the i-element will be passed onto the SVG data.
Include script in HTML header like this:
<script type="text/javascript" src="/src/js/SVGLoader.js?v=1.0.0" defer></script>
<i class="lo-icon lo-profile" title="Profile icon"></i>
<!-- <i class="lo-icon lo-profile" title="Profile icon"></i> -->
<svg class="lo-icon lo-profile" title="Profile icon"><path...></svg>