Наследование currentColor для URL-адреса SVG ⇐ CSS

[Anonymous]

Тот же вопрос, что и «Как заставить изображение SVG наследовать цвета из документа HTML?», но особенно при применении к изображению SVG, используемому в качестве содержимого в псевдоэлементе :before.
/>
(Желаемое поведение: обе галочки наследуют красный цвет от тела. В настоящее время это возможно только для встроенного SVG.)

Код: Выделить всё

body {
color: red;
}

.checkmark {
height: 2em;
width: 2em;
}

.checkmark:before {
content: url("data:image/svg+xml;utf8,");
}

Демо-версия jsFiddle

Подробнее здесь: https://stackoverflow.com/questions/205 ... or-svg-url