2

Estoy obteniendo un listado de archivos svg para el manejo del menu lateral, los estoy renderizando utilizando object.

<object data="http://..." type="image/svg+xml"></object>

Mi problema es que no puedo cambiar el fill desde mi archivo css

path {
 fill: red !important;
}

¿Alguien sabe de que manera puedo hacer esto?

2
  • 1
    Si optas por utilizar objetos necesitas utilizar filtros para cambiar el color del fill: codepen.io/chriscoyier/pen/YMmEvw Una opción mucho mejor sería utilizar inline svg - o sea elementos svg dentro del DOM
    – enxaneta
    Commented el 29 jul. 2021 a las 7:10
  • 1
    @enxaneta lo pude solucionar utilizando filter
    – DoubleM
    Commented el 29 jul. 2021 a las 15:41

1 respuesta 1

1

La forma correcta de hacerlo es utilizando filter como lo ha mensionado @enxaneta en su comentario.

Codepen example

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.