Aqui estão meus ícones e aqui está o Elemento Inspecionar para eles:
Eu tentei todo o código CSS que você listou, tanto tentando “stroke” quanto “fill”. A coisa do “!important” também não funcionou. Não tenho ideia do que está causando isso.
No entanto, acho que posso ter tropeçado em algo. Notei que, embora eu esteja usando “imagens” .SVG, o Elemento Inspecionar ainda as está mostrando em uma tag <img> versus o <svg class=" que o seu mostra. Isso é um bug com Ícones Personalizados de Cabeçalho?