La imagen de datos SVG no funciona en Firefox

Estoy configurando un SVG como background-image de background-image para un pseudo elemento:

 content: ''; position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 12px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: repeat-x; background-position: bottom; 

pero por alguna razón no aparece en Firefox. No quiero usar una URL de datos base64. ¿No es esto posible en Firefox?

El carácter # en una URL está reservado para indicar el inicio de un identificador de fragmento .

Debe codificar la URL del contenido de la URL de datos, lo que significa convertir cualquier carácter hash en la URL de datos a% 23