Как поменять цвет у svg sprite?

Question

[Dmitriy]

Подключение через use

<footer class="footer">
        <div class="container">
            <div class="footer__inner">
                <h2 class="h2">привет</h2>
                <b><svg class="img">
                    <use xlink:href="./img/icons/icons.svg#drawing__item-1"></use>
                </svg></b>
            </div>
        </div>
    </footer>

Сам Sprite, пока только одна иконка

<?xml version="1.0" encoding="utf-8"?><svg viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style>:root>svg{display:none}:root>svg:target{display:block}</style><svg fill="none" viewBox="0 0 50 50" id="drawing__item-1" xmlns="http://www.w3.org/2000/svg"><path d="M30.234 29.063v-8.829a1.15 1.15 0 00-1.172-1.172 1.15 1.15 0 00-1.171 1.172v6.016L4.57 2.93c-.47-.47-1.212-.47-1.641 0-.47.468-.47 1.21 0 1.64l23.32 23.32h-6.016c-.664 0-1.172.508-1.172 1.172a1.15 1.15 0 001.172 1.172h8.828a1.15 1.15 0 001.172-1.172zm17.383-4.883L24.18 47.617c-.47.469-.47 1.211 0 1.64.234.235.547.352.82.352.273 0 .586-.117.82-.351L49.258 25.82c.469-.468.469-1.21 0-1.64a1.133 1.133 0 00-1.64 0zm-31.172 6.562c-.664 0-1.172.508-1.172 1.172v6.016L3.008 25.625c-.469-.469-1.211-.469-1.64 0-.47.469-.47 1.21 0 1.64l12.265 12.266H7.617c-.664 0-1.172.508-1.172 1.172 0 .664.508 1.172 1.172 1.172h8.828c.664 0 1.172-.508 1.172-1.172v-8.789c0-.664-.508-1.172-1.172-1.172zm14.297-14.297c0 .664.508 1.172 1.172 1.172h8.828c.664 0 1.172-.508 1.172-1.172V7.617c0-.664-.508-1.172-1.172-1.172-.664 0-1.172.508-1.172 1.172v6.016L27.305 1.328c-.47-.469-1.211-.469-1.64 0-.47.469-.47 1.211 0 1.64L37.93 15.235h-6.016c-.664.04-1.172.547-1.172 1.211z" fill="#7FB688"/></svg></svg>

Перепробовал всё в css

svg path {
    fill: inherit !important;
    stroke: inherit !important;
}
.drawing__item-1 {
    fill: #000 !important;
    use {
        fill: #000 !important;
        svg {
            fill: #000 !important;
            path {
                fill: #000 !important;
            }
        }
    }
}
#drawing__item-1 {
    fill: inherit;
    fill: #000 !important;
    path {
        fill: inherit;
        fill: #000 !important;
    }
}

Comments

[Ankhena]

У вас же fill инлайном задан, уберите.

[Dmitriy]

Ankhena, я убрал fill и у svg, и у path, тогда заработало, НО можно ли как нибудб перебить эти стили, а то вручную постоянно это делать не охото

[Ankhena]

Dmitriy,

можно ли как нибудб перебить эти стили

Вы же сами только что пробовали ;)

а то вручную постоянно это делать не охото

SVGO вам в помощь.
В плагинах для сборки спрайтов тоже полно настроек.

[Dmitriy]

Ankhena, всё я пересобрал svg sprite, фух. Спасибо огромное!