Как стилизовать элементы SVG (используя CSS) в OpenLayers VectorLayer

Question

Я использую текущую версию OpenLayers и создал VectorLayer, используя источник GeoJSON. Затем я применяю стиль к слою, который применяет значок SVG для каждого объекта на слое.

Это работает нормально, однако сейчас я пытаюсь изменить состояние объекта с помощью CSS-стиля SVG-элементов. Ранее я делал это (не на OpenLayers), используя встроенные теги SVG, и все работает, как и ожидалось.

В OpenLayers я добавляю новый VectorLayer, используя данные GeoJSON в качестве точек, стилизованные с использованием класса CSS. Я создал новый стиль (иконку) для стилизации каждого элемента слоя. Этот значок является изображением SVG. т.е.)

// Code Snippet 

const myStyle = new Style();
const icon = new Icon({
    src: 'svgIcon.svg';
    ...
});
myStyle.setImage(icon);
myLayer.setStyle(myStyle);

Я экспериментировал с одной HTML-страницей, с CSS-файлом и внешним SVG-файлом, и я вижу, что при использовании изображений svg в качестве SRC в тегах стили не работают,но прекрасно работает со встроенными тегами.

Итак, есть ли у кого-нибудь совет, как я могу использовать слои объектов в стиле SVG и продолжать модифицировать классы стилей изображения для простой визуализации альтернативных состояний?

спасибо .. .