При размещении svg-иконки кодом svg через include (webpack) у меня есть доступ к таким свойствам как fill, stroke, opacity у тега path и circle внутри svg.
При размещении svg-иконки через svg-sprite (использую npm модуль "svg-sprite-loader") в тег svg помещается тег use, который в свою очередь ссылается на сам svg-файл. Соответсвенно через css добраться до тегов path и circle, а также их свойств возможности нет. Отсюда проблема с ховерами и активными состояниями элементов, когда нужно перекрашивать отдельные части внутри svg. Например у меня есть svg иконка с 10-12ю тегами path внутри. И мне при ховере нужно закрасить зеленым все четные теги path.