yyRRZa

index.html

<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" />
<use class="icon icon--BlueGreen" xlink:href="#test" x='100' y='50'/></svg>
<!--<svg class="icon icon--BlueGreen"><use xlink:href="#test" /></svg>-->

style.css

.icon--BlueBlack{
  fill:blue;
}

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

yyRRZa.markdown

yyRRZa

Forked from Fabrice Weinberg's Pen qrBcw.

Forked from Fabrice Weinberg's Pen qrBcw.

A Pen by Captain Anonymous on CodePen.

License.