SVG

Менять цвет подкрашенных частей обычной картинки SVG можно так: зайти в файл svg и в нужный элемент path поставить свойство style=»fill: #FC5000;» А ещё можно вместо присвоить элементу присвоить идентификатор и менять его свойства уже через файлы css. Тогда размещать на сайте так

<img src="путь_к_вашему_файлу.svg" alt="Ваша картинка" style="fill: #FC5000;" id="my-svg-element">

А в файле svg прописать

<svg ...>
    <path id="my-svg-element" ...></path>
    <!-- Другие элементы вашего SVG-изображения -->
</svg>

Как размещать варианты

<img src="путь_к_вашему_файлу.svg" alt="Ваша картинка" style="color: #FC5000;">

<object data="путь_к_вашему_файлу.svg" type="image/svg+xml">
    <param name="color" value="#FC5000" />
</object>

<svg width="100" height="100">
    <use xlink:href="путь_к_вашему_файлу.svg#имя_вашего_значка" fill="#FC5000"></use>
</svg>

последний вариант у меня что-то не сработал