¿Se rompieron los datos de Chrome 72 break: image / svg + xml; utf8 'para svgs de fondo css? [duplicar
Esta pregunta ya tiene una respuesta aquí:
a imagen de datos @SVG no funciona en Firefox o Chrome 72 + 3 respuestasMis svgs se especifican en CSS de esta manera:
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="15" viewBox="0 0 18 15"><g fill="none" fill-rule="evenodd" stroke="#00174a"><path d="M11 1l7 6.533L11.07 14M17.5 7.5H.5"/></g></svg>')
Esto funciona en todos los navegadores, pero desde Chrome 72 esta característica ya no funciona en Chrome. No puedo encontrar ningún documento sólido sobredata:image prefijo en unabackground propiedad. O una actualización de google sobre este cambio.
Reconozco que podría especificar una ruta a un svg, pero estoy usando esta técnica para reproducir svgs con diferentes colores y este es el método que necesito para lograrlo.