如何在伪元素中填充SVG

Question

对于偶然发现这个问题的随意人员，你好！

这里有一个简单的codepen demo来说明我的问题。

.svg::before {
  content: url(/* SVG url */);

  /* Fill don't work */
  fill: #FFF;
}

正如您在上面所看到的那样（好像评论和标题不够明显），填充似乎无法使用伪SVG元素。

是否有解决此问题的方法或解决方案，还是必须对SVG元素的填充进行硬编码？