更改符号颜色SVG的一部分

这实际上是一个非常巧妙的技巧，http ://codepen.io/FWeinb/blog/quick-tip-svg-use-style-two-colors，Fabrice Weinberg此处在符号上使用fill =“ currentColor”以便他可以更改稍后使用css。

<svg style="display:none;">
  <symbol id="test">
      <rect x="10" y="10" width="100" height="100" /> 
      <rect x="100" y="10" width="100" height="100" fill="currentColor" /> 
  </symbol>
</svg>

<svg class="icon icon--BlueBlack"><use xlink:href="#test" /></svg>
<svg class="icon icon--BlueGreen"><use xlink:href="#test" /></svg>

和

.icon--BlueBlack{
  fill:blue;
}

.icon--BlueGreen{
  fill:blue;
  color:green;
}