Как сделать так, чтобы часть SVG-картинки была другого цвета (не трогая код самой картинки)?

Question

[solidussnake]

Доброго времени суток!
Мне нужно сверстать эту картинку таким образом, чтобы та её часть, которая на чёрном фоне была белой, а та, что на белом фоне - была чёрной. Картинка будет вращаться, поэтому само изображение не вариант закрасить наполовину чёрным наполовину белым.
Благодарю за внимание.
Вот картинка из макета:

Comments

[Lynn «Кофеман»]

Я бы посмотрел на https://developer.mozilla.org/en-US/docs/Web/CSS/m...

Answer 1

[Adamos]

Как вариант, крутить две "штуки" внутри обрезающих их пополам блоков.

Comments

[Lord_Dantes]

solidussnake этот вариант кажется лучшим.

Answer 2

[Максим]

А что, если создать дополнительный блок и задать ему в CSS:
filter: invert(100%);
Только нужно что-то придумать с цветом фона