Изображение SVG не работает в Firefox

Я устанавливаю SVG в качестве background-image для псевдоэлемента:

 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; 

но по какой-то причине он не появляется в Firefox. Я не хочу использовать base64-url. Разве это вообще не возможно в Firefox?

Давайте будем гением компьютера.