Edit on
<!-- SVG SOURCE -->
    <svg height="0" width="0" style="position:absolute;margin-left: -100%;">
<path id="heart-icon" d="M16,28.261c0,0-14-7.926-14-17.046c0-9.356,13.159-10.399,14-0.454c1.011-9.938,14-8.903,14,0.454
	C30,20.335,16,28.261,16,28.261z"/>                   
    </svg>
<!-- SVG SOURCE ends-->

<h4>Icons:</h4>

<!-- icon -->
<svg class="icon" viewBox="0 0 32 32">
  <use xlink:href="#heart-icon"></use>
</svg>
<!-- icon -->

<!-- icon -->
<svg class="icon" viewBox="0 0 32 32">
  <use xlink:href="#heart-icon"></use>
</svg>
<!-- icon -->

<!-- icon -->
<svg class="icon" viewBox="0 0 32 32">
  <use xlink:href="#heart-icon"></use>
</svg>
<!-- icon -->


<div class="some-block">
  <div class="some-inner-block">
    <!-- icon -->
    <svg class="icon" viewBox="0 0 32 32">
      <use xlink:href="#heart-icon"></use>
    </svg>
    <!-- icon -->
    
    <!-- icon -->
     <svg class="icon" viewBox="0 0 32 32">
      <use xlink:href="#heart-icon"></use>
    </svg>
    <!-- icon -->

  </div>
</div>


<!-- icon -->
<svg class="icon" viewBox="0 0 32 32">
  <use xlink:href="#heart-icon"></use>
</svg>
<!-- icon -->
.icon{
  width: 32px;
  height: 32px;
  fill: #0099CC;
}

body{
   font-family: monospace;
   color: #0099CC;
}
Rerun