Изменить цвет заливки SVG: до или после CSS
У меня есть SVG графика, поставленная так:
a::before { content: url(filename.svg); }
При наведении курсора на тег я действительно хочу, чтобы SVG изменил цвет заливки, не загружая новый файл SVG, как сейчас:
a:hover::before { content: url(filename_white.svg); }
Можно ли добиться этого с помощью JavaScript, jQuery или просто чистого CSS, о котором я не знаю?
Благодарю.