Как изменить цвет hover svg при клике?

Question

[freeman0204]

.features_you_need label:nth-child(2) {
  background: url("images/blog.svg") no-repeat 20px center;
}

SVG в файле, при клике нужно изменить цвет заливки с серого на белый. Как это можно реализовать?

Answer 1

[Максим]

https://css-tricks.com/click-svg-to-focus/

Answer 2

[Кирилл]

выводить svg через html

Answer 3

[tyzberd]

1. добавить еще один стиль с иконкой другого цвета.
2. Добавить svg в html
3. Использовать svg sprite

<svg viewBox="0 0 100 100" class="icon shape-codepen">
  <use xlink:href="/images/svg-defs.svg#shape-codepen"></use>
</svg>

https://css-tricks.com/svg-sprites-use-better-icon...