Как прописать стили для SVG в неизменной структуре HTML, если на месте иконки стоит тег img?

Question

[Platon Goldenberg]

Выдергиваю стили svg, прописанные для иконки в ее настройках, и прописываю в HTML их поверх ссылки на эту иконку. Не могу перекрасить иконку, добавить эффект при наведении:

https://jsfiddle.net/smartestpro/be10ynvf/33

HTML изменить можно только через JS, в моем случае.

Comments

[Варлам Ерофеич]

HTML изменить можно только через JS, в моем случае.

Перекрасить внутри js можно:

<polygon points="0,497.25 535.5,267.75 0,38.25 0,216.75 382.5,267.75 0,318.75" fill="#ad0"/>

Получится так:

[Ankhena]

Если всю целиком, то фильтрами
https://jsfiddle.net/z7opur3t/

https://blog.union.io/code/2017/08/10/img-svg-fill/
Калькулятор гуглится

HTML изменить можно только через JS, в моем случае.

Да и через CSS можно скрыть картинку и для псевдоэлемента кнопки написать всё, что угодно.

Answer 1

[Варлам Ерофеич]

Здесь можно прописать и стили, и всё то, что внутри svg...