<svg style="display: none;" xmlns="http://www.w3.org/2000/svg">
	<symbol id="icon-circle" viewBox="0 0 32 32">
    <circle cx="16" cy="16" r="16" />
  </symbol>
</svg>

<svg class="icon-circle" xmlns:xlink="http://www.w3.org/1999/xlink">
	<use href="#icon-circle" xlink:href="#icon-pinned"></use>
</svg>
.icon-circle {
	fill: #ff3c41;
}

.icon-circle:hover {
  fill: #47cf73;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.