SVG を背景画像に指定するときの fill の指定

SVG を背景画像で指定するには、fill='#...' を fill='%23...' というように書き換えなければいけなかった。 書き換えないと、色指定が反映されなかった。

/* fill='#...' change to fill='%23...' */
.class {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><polygon fill='%230000ff' fill-rule='evenodd' points='0 14.114 1.886 16 9.886 8 1.886 0 0 1.886 6.114 8' transform='matrix(-1 0 0 1 9.886 0)'/></svg>");
}