CSS Configuración avanzada - Cambiar el color de iconos svg

Hola, he utilizado css para cambiar color de diversos textos y fondos sin problemas. Sin embargo no tuve la misma suerte con los iconos svg.
Utilicé el inspector de código del Chrome para encontrar las instrucciones sugeridas; allí el cambio se ve bien pero no funciona en el editor de CSS.
Deseo cambiar el color de iconos de blanco a un violeta oscuro #47005a
Transcribo el código:


element.style {}
.head-dark .svg-icon-text, .head-dark .nav-desktop-list > .nav-item > .nav-list-link, .head-dark .nav-desktop-list > .nav-item > .nav-item-container > .nav-list-link, .head-dark .nav-desktop-list > .nav-item > .nav-item-container > .nav-list-arrow > i, .head-dark .utilities-item svg, .head-primary .svg-icon-text, .head-primary .nav-desktop-list > .nav-item > .nav-list-link, .head-primary .nav-desktop-list > .nav-item > .nav-item-container > .nav-list-link, .head-primary .nav-desktop-list > .nav-item > .nav-item-container > .nav-list-arrow > i, .head-primary .utilities-item svg {
color: #47005a;
fill: #47005a;
border-color: #47005a;
}


Que me estaría faltando? Gracias desde ya.