Задать цвет заливки в кодировке SVG для base 64 для элемента Image?

Question

Я знаю, что мы можем изменить цвет заливки, используя CSS для встроенного SVG. Можем ли мы сделать то же самое для SVG с кодировкой Base 64? Например, это угловой логотип, сгенерированный командой ng new. Я попытался добавить style="fill:blue;", но без игры в кости.

<img style="fill: blue;"  alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==" width="40">

Answer 1

Вы можете декодировать base64 изображение в разметку svg, затем изменить его, добавив свое правило стиля, снова кодировав base64, и установить src изображения на новое.

Я не проверялэто, но не вижу причины, почему это не сработает.