Как сделать так, чтобы часть SVG-картинки была другого цвета (не трогая код самой картинки)?
Как вариант, крутить две "штуки" внутри обрезающих их пополам блоков.
А что, если создать дополнительный блок и задать ему в CSS:
filter: invert(100%);
Только нужно что-то придумать с цветом фона