Это самообслуживание из удобного фрагмента кода, который я придумал.

В настоящее время нет простого способа встроить изображение SVG и затем получить доступ к элементам SVG через CSS. Существуют различные способы использования каркасов JS SVG, но они слишком сложны, если все, что вы делаете, - это создание простого значка с состоянием опрокидывания.

Итак, вот что я придумал, и я думаю, что это самый простой способ использовать файлы SVG на веб-сайте. Он берет свое понятие из ранних методов замены текста в изображение, но, насколько мне известно, никогда не было сделано для SVG.

Это вопрос:

How do I embed an SVG and change its color in CSS without using a JS-SVG framework?