背景图片中的currentColor svg

Question

我有一个用作背景的内联SVG图像，下面是一个简单的例子：

div {
  width: 100%; height: 500px;
  color: green;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M0 0 H 100 V 100 H 0 Z' fill='currentColor'></path></svg>");
}

https://jsfiddle.net/wjqkL07p/3/

问题是图像不会继承currentColor，而当我预期它是绿色时它是黑色的。有什么想法吗？