Перенос SVG файлов из HTML в CSS

.heart{ 
                 position: absolute; 
                 top: 0; 
                 bottom: 0; 
                 left: 0; 
                 right: 0; 
                 height: $heartSide; 
                 width: $heartSide; 
                 display: block; 
                 background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" enable-background:"new 0 0 200 200" xml:space="preserve"><path fill:#A41E21; d="M186.1,27.9c-3-2.8-17.6-14.9-44.9-10.4c-22.8,5.9-40.4,25.3-40.4,25.3s-0.8,0.7-0.8,0.7c0,0-0.8-0.7-0.8-0.7 
                    S81.6,23.4,58.8,17.5C31.5,13,16.9,25.1,13.9,27.9c-39.3,36,14.7,138.9,82.9,155.1c0,0.1,3.2,0.5,3.2,0.5c0.1,0,3.2-0.4,3.2-0.5 
                  C171.4,166.7,225.4,63.9,186.1,27.9z"/></svg>') 0 0 no-repeat; 
                  z-index: 1;  
 }

<div class="heart"> 
 
<!--  
 
<svg version="1.1" id="heart" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
   viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve"> 
<style type="text/css"> 
  .st0{fill:#A41E21;} 
</style> 
<path class="st0" d="M186.1,27.9c-3-2.8-17.6-14.9-44.9-10.4c-22.8,5.9-40.4,25.3-40.4,25.3s-0.8,0.7-0.8,0.7c0,0-0.8-0.7-0.8-0.7 
  S81.6,23.4,58.8,17.5C31.5,13,16.9,25.1,13.9,27.9c-39.3,36,14.7,138.9,82.9,155.1c0,0.1,3.2,0.5,3.2,0.5c0.1,0,3.2-0.4,3.2-0.5 
  C171.4,166.7,225.4,63.9,186.1,27.9z"/> 
</svg> 
 
--> 
  
</div>