How to change the value of the fill property in svg?

Question

css

How to change the value of the fill property in svg?

When you click on the arrow (svg), its color should change, as I understand it, this is done using the fill attribute. But how to change it with jQuery?

Answer 1

you need to insert svg not through src and then by simply adding a class,
for example
.item.active svg{fill: #f00}