Почему svg иконки не слушаются стилей?

Question

[Rimidbit]

Доброго времени суток!
Столкнулся с непослушными svg иконками. На сайте больше 20 иконок, всем задан базовый стиль

.site-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

Шальные 4 иконки:
2 - arrow-down и home не хотят менять цвет,
2 другие - shopping-cart и smartphone исполняют чудеса с размерами (первая гигантская, вторая мизерная).
Своими глазами все можно увидеть здесь
паблик https://rimidbit.github.io/retroclimate/
архив https://github.com/rimidbit/retroclimate.git
отдельно 4 иконки https://drive.google.com/open?id=1us4MmUjB-G0_rPol...

Если знаешь, отзовись. Очень хочу разобраться с причинами

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/XoqoMK - работает если перепелить по правилам
у вас главная проблема что стили что stroke-width и для stroke и fill указан inline в svg и потому перебить это можно только написав в css любое правило с important