CodePen Embed - style svg use

<svg style="display: none;">
<symbol id="codrops" viewBox="0 0">
  <rect width="40" height='40' />
    <rect x="20" y='20' width="50" height="50" fill="currentColor" /> 
    
</symbol>
</svg>
<svg height="100px" width="100px">
  <use xlink:href="#codrops" class="codrops-1"/>
</svg>
<svg height="100px" width="100px">
  <use xlink:href="#codrops" class="codrops-2"/>
</svg>
<svg height="100px" width="100px">
  <use xlink:href="#codrops" class="codrops-3"/>
</svg>

.codrops-1 {
  fill: #4BC0A5;
  color: #A4DFD1;
}
.codrops-2 {
  fill: #0099CC;
  color: #7FCBE5;
}
.codrops-3 {
  fill: #5F5EC0;
  color: #AEAFDD;
}

This Pen is owned by deathhell on CodePen.

See more by @deathhell on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.