SVG not displaying in any browser - html

I am trying to get an SVG to display in a HTML webpage, but I must be missing something.
I have a svg file called logo-a.svg this is the code for it:
<svg x="0px" y="0px" width="197px" height="71px" viewbox="0 0 346 51">
<style type="text/css">
.Arched_x0020_Green{fill:url(#SVGID_1_);stroke:#FFFFFF;stroke-width:0.25;stroke-miterlimit:1;}
.st0{fill:#008751;}
.st1{fill:#FFFFFF;}
.st2{fill:#F9FBFB;}
</style>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-32.7222" y1="228.6171" x2="-32.0151" y2="227.9099">
<stop offset="0" style="stop-color:#20AC4B"/>
<stop offset="0.9831" style="stop-color:#19361A"/>
</linearGradient>
<rect y="-0.1" class="st0" width="315.63" height="59.33"/>
<g>
<path class="st1" d="M289.44,54.22c-1.58,1.58-4.15,1.58-5.73,0l-22.21-22.21c-1.58-1.58-1.58-4.15,0-5.73L283.7,4.06
c1.58-1.58,4.15-1.58,5.73,0l22.21,22.21c1.58,1.58,1.58,4.15,0,5.73L289.44,54.22z"/>
<path class="st1" d="M68.19,30.39c0-8.81,5.82-20.2,21.28-20.2c12.83,0,20.82,7.47,20.82,19.27c0,11.8-8.24,21.12-21.33,21.12
C74.17,50.59,68.19,39.51,68.19,30.39z M103.08,31.37c0-11.54-6.65-18.7-15.1-18.7c-5.93,0-12.68,3.3-12.68,16.13
c0,10.72,5.92,19.22,15.82,19.22C94.73,48.01,103.08,46.26,103.08,31.37z"/>
<path class="st2" d="M13.81,36.42c-0.26,0-0.36,0.1-0.46,0.41l-2.78,7.37c-0.52,1.29-0.77,2.53-0.77,3.14c0,0.93,0.46,1.6,2.06,1.6
h0.77c0.62,0,0.77,0.1,0.77,0.41c0,0.41-0.31,0.51-0.87,0.51c-1.65,0-3.86-0.15-5.46-0.15c-0.57,0-3.4,0.15-6.08,0.15
C0.31,49.87,0,49.76,0,49.35c0-0.31,0.21-0.41,0.62-0.41c0.47,0,1.18-0.05,1.6-0.1c2.37-0.31,3.35-2.06,4.38-4.64l12.93-32.36
c0.62-1.49,0.93-2.06,1.44-2.06c0.46,0,0.77,0.46,1.29,1.65c1.24,2.83,9.48,23.86,12.78,31.69c1.96,4.64,3.45,5.36,4.53,5.62
c0.77,0.15,1.55,0.21,2.16,0.21c0.41,0,0.67,0.05,0.67,0.41c0,0.41-0.46,0.51-2.37,0.51c-1.86,0-5.62,0-9.74-0.11
c-0.93-0.05-1.55-0.05-1.55-0.41c0-0.31,0.21-0.41,0.72-0.47c0.36-0.1,0.72-0.56,0.46-1.18l-4.12-10.92
c-0.1-0.26-0.26-0.36-0.52-0.36H13.81z M24.32,33.84c0.26,0,0.31-0.16,0.26-0.31L19.94,20.8c-0.05-0.21-0.1-0.46-0.26-0.46
c-0.15,0-0.26,0.26-0.31,0.46l-4.74,12.68c-0.05,0.21,0,0.36,0.21,0.36H24.32z"/>
<path class="st1" d="M29.14,49.76c-0.9-0.07,3.01-0.17,3.01-1.3c0-2.83-2.31-9.34-2.26-10.16c0.05-0.77,0.2-1.34,0.62-1.34
c0.46,0,0.52,0.46,0.52,0.88c0,0.67,0.22-0.97,0.55-0.11c3.6,9.41,13.99,10.96,19.98,10.39c4.62-0.44,6.9-3.14,6.9-5.87
c0-2.52-0.77-4.89-5.05-8.24l-2.37-1.86c-5.67-4.43-7.63-8.04-7.63-12.21c0-5.67,4.74-9.74,11.9-9.74c3.35,0,5.51,0.52,6.85,0.88
c0.46,0.1,0.72,0.26,0.72,0.62c0,0.67-0.21,2.17-0.21,6.19c0,1.13-0.15,1.55-0.57,1.55c-0.36,0-0.51-0.31-0.51-0.93
c0-0.47-0.26-2.06-1.34-3.4c-0.77-0.98-2.27-2.53-5.62-2.53c-3.81,0-6.13,2.22-6.13,5.31c0,2.37,1.19,4.17,5.46,7.42l1.44,1.08
c6.23,4.69,8.45,8.25,8.45,13.14c0,2.99-1.13,6.54-4.84,8.96c-2.58,1.65-5.46,2.11-8.19,2.11C47.84,50.59,31.33,49.94,29.14,49.76z
"/>
<path class="st1" d="M115.85,25.85c0-7.83,0-9.27-0.1-10.92c-0.11-1.75-0.52-2.58-2.22-2.94c-0.41-0.1-1.29-0.15-2.01-0.15
c-0.57,0-0.88-0.1-0.88-0.46c0-0.36,0.36-0.46,1.13-0.46c2.73,0,5.98,0.15,7.06,0.15c1.75,0,5.67-0.15,7.26-0.15
c3.25,0,6.7,0.31,9.48,2.22c1.45,0.98,3.51,3.61,3.51,7.06c0,3.81-1.6,7.32-6.8,11.54c4.58,5.77,8.14,10.35,11.18,13.55
c2.89,2.99,5,3.35,5.77,3.5c0.57,0.1,1.03,0.16,1.44,0.16c0.41,0,0.62,0.16,0.62,0.41c0,0.41-0.36,0.51-0.98,0.51h-4.89
c-2.89,0-4.18-0.26-5.51-0.98c-2.22-1.18-4.17-3.61-7.06-7.57c-2.06-2.84-4.43-6.34-5.1-7.11c-0.26-0.31-0.57-0.36-0.93-0.36
l-4.48-0.1c-0.26,0-0.41,0.1-0.41,0.41v0.72c0,4.79,0,8.87,0.26,11.03c0.15,1.49,0.46,2.63,2.01,2.84c0.77,0.1,1.9,0.21,2.52,0.21
c0.41,0,0.62,0.16,0.62,0.41c0,0.36-0.36,0.51-1.03,0.51c-2.99,0-6.8-0.15-7.57-0.15c-0.98,0-4.23,0.15-6.29,0.15
c-0.67,0-1.03-0.15-1.03-0.51c0-0.26,0.2-0.41,0.82-0.41c0.77,0,1.39-0.1,1.86-0.21c1.03-0.21,1.29-1.34,1.49-2.84
c0.26-2.16,0.26-6.23,0.26-10.97V25.85z M121.93,29.93c0,0.57,0.1,0.77,0.46,0.93c1.08,0.36,2.63,0.52,3.92,0.52
c2.06,0,2.73-0.21,3.66-0.88c1.54-1.14,3.04-3.5,3.04-7.73c0-7.32-4.85-9.43-7.88-9.43c-1.29,0-2.21,0.05-2.73,0.21
c-0.36,0.1-0.46,0.31-0.46,0.72V29.93z"/>
<path class="st1" d="M144.82,30.39c0-8.81,5.82-20.2,21.28-20.2c12.83,0,20.82,7.47,20.82,19.27c0,11.8-8.24,21.12-21.33,21.12
C150.8,50.59,144.82,39.51,144.82,30.39z M179.7,31.37c0-11.54-6.65-18.7-15.1-18.7c-5.93,0-12.68,3.3-12.68,16.13
c0,10.72,5.93,19.22,15.82,19.22C171.36,48.01,179.7,46.26,179.7,31.37z"/>
<g>
<g>
<path class="st1" d="M272.7,48.93c-0.63,0-1.65-0.15-3.21-0.77c-2.79-1.09-5.12-3.41-7.39-5.58
c-2.01-1.91-10.67-11.2-12.56-13.67l-0.07-0.05c-0.62,0.81-1.84,2.3-3.55,4.14c2.16,2.71,9.62,11.53,11.74,13.4
c2.22,1.97,3.62,3.1,6.41,3.36c1.09,0.11,2.02,0.11,3.56,0.11h4.51c0.98,0,1.24-0.15,1.24-0.52
C273.37,49.04,273.07,48.93,272.7,48.93z"/>
</g>
<path class="st1" d="M243.64,30.23h-0.26v2.55c0.42-0.44,0.83-0.87,1.2-1.28c-0.17-0.21-0.3-0.38-0.38-0.49L243.64,30.23z"/>
<path class="st1" d="M228.24,43.22c-2.75,1.51-7.52,4.34-14.47,4.37c-6.9,0.03-16.23-6.08-16.23-18.34c0-5,0.98-9.89,4.74-13.34
c2.27-2.06,5.21-3.19,9.69-3.19c4.74,0,8.76,1.39,10.46,3.19c1.29,1.34,1.96,3.14,2.01,4.74c0,0.72,0.1,1.13,0.52,1.13
c0.46,0,0.56-0.41,0.62-1.19c0.11-1.03,0.05-3.86,0.16-5.57c0.1-1.8,0.26-2.42,0.26-2.83c0-0.31-0.2-0.57-0.77-0.62
c-1.54-0.15-3.19-0.62-5.15-0.88c-2.37-0.31-4.28-0.52-7.47-0.52c-7.68,0-12.57,2.06-16.28,5.46c-4.95,4.54-6.03,10.62-6.03,14.12
c0,5,1.34,10.77,6.39,15.2c4.69,4.07,10.63,6.08,17.67,5.62c7.93-0.52,16.29-6.13,22.77-11.78c0-0.77,0.01-1.57,0.01-2.39
C234.24,39.16,231.24,41.58,228.24,43.22z"/>
<path class="st1" d="M243.17,26.32h-0.24v-2.18c0-7.52,0-7.79,0.1-9.37c0.1-1.73,0.5-2.57,1.83-2.82c0.59-0.1,0.89-0.15,1.38-0.15
c0.4,0,0.69-0.1,0.69-0.45c0-0.34-0.35-0.44-1.04-0.44c-1.68,0-4.8,0.15-5.98,0.15c-1.19,0-4.3-0.15-6.92-0.15
c-0.74,0-1.09,0.1-1.09,0.44c0,0.35,0.29,0.45,0.84,0.45c0.69,0,1.54,0.05,1.93,0.15c1.63,0.35,2.03,1.14,2.13,2.82
c0.1,1.58,0.1,1.86,0.1,9.37v8.71c0,0.49,0,0.41,0,0.88C241.55,29.25,244.09,25.32,243.17,26.32z"/>
<g>
<path class="st1" d="M237.47,41.41c-0.02,2.93-0.07,3.12-0.25,4.62c-0.2,1.44-0.45,2.54-1.44,2.74c-0.45,0.1-1.05,0.2-1.79,0.2
c-0.6,0-0.8,0.15-0.8,0.4c0,0.35,0.35,0.5,1,0.5c1.99,0,5.13-0.15,6.28-0.15c1.24,0,4.38,0.15,7.18,0.15
c0.54,0,0.95-0.15,0.95-0.5c0-0.25-0.25-0.4-0.65-0.4c-0.65,0-1.74-0.1-2.44-0.2c-1.25-0.2-1.7-1.3-1.8-2.69
c-0.15-2.14-0.15-6.08-0.15-10.67v0.17C241.85,37.37,239.79,39.39,237.47,41.41z"/>
</g>
<path class="st1" d="M254.09,17.15c-0.85,0.95-2.52,2.7-4.3,4.56c-3.38,4.44-7.83,10.05-12.68,14.71c0,0.82,0,1.62-0.01,2.39
c2.4-2.09,4.53-4.18,6.29-6.03v-2.55h0.26l0.57,0.77c0.08,0.11,0.21,0.28,0.38,0.49c2.42-2.63,3.89-4.53,3.98-4.77
C248.78,26.17,252.11,20.62,254.09,17.15z"/>
<path class="st1" d="M248.18,27.4c1.76-1.85,9.54-9.58,11.13-11.13c2.22-2.16,3.97-3.25,5.57-3.86c0.98-0.36,2.27-0.57,2.99-0.57
c0.51,0,0.77-0.1,0.77-0.46c0-0.36-0.36-0.46-0.88-0.46c-1.6,0-4.43,0.15-6.03,0.15c-1.39,0-4.23-0.15-5.31-0.15
c-0.57,0-0.82,0.1-0.82,0.46c0,0.31,0.2,0.41,0.67,0.52c0.52,0.1,0.72,0.46,0.72,1.03c0,0.88-1.13,2.16-2.58,3.86
c-0.09,0.1-0.2,0.23-0.33,0.37c-1.98,3.47-5.3,9.02-5.51,9.57c-0.02,0.07-0.18,0.3-0.45,0.65l0.07,0.05
C248.19,27.41,248.19,27.4,248.18,27.4z"/>
</g>
<path class="st0" d="M269.57,31.17c1.44,0.11,2.81,0.4,4.23,0.51c4.83,0.36,9.84,0,14.55,0c2.54,0,5.04,0,7.45,0
c2.23,0,4.75,0.48,6.6-0.85c0-0.34,0-0.68,0-1.02c-3.06-4.04-13.16-4.06-21.15-4.06c-1.2,0-2.55-0.05-3.72,0
c-1.24,0.06-2.63-0.03-3.39,0.17c-0.81,0.21-1.85,1.85-2.71,2.2c-2.24,0.93-6.39,0.38-9.47,0.51c-1.13,0.05-2.29,0.07-3.44,0.08
c0.46,0.57,1.16,1.37,1.98,2.3C263.55,30.9,266.61,30.95,269.57,31.17z"/>
<path class="st0" d="M270.82,20.5c2.94,0,6.47-0.57,8.8,0.17c1.15,0.36,1.73,1.51,2.88,2.03c1.11,0.5,2.65,0.79,4.23,0.85
c4.78,0.16,9.63-0.8,14.21-1.18c-4.03-0.6-9.61,0.37-13.37-0.51c0.6-0.93,1.98-0.61,3.04-0.67c3.1-0.19,7.23-0.16,10.32-0.51
c-1.19-0.67-3.06-0.26-4.91-0.34c-2.87-0.12-6.06,0-8.46-0.51c0.27-0.66,1.13-0.61,1.69-0.68c3.4-0.39,8.29,0.41,11.68-0.17
c-0.84-0.52-2.14-0.46-3.39-0.51c-2.24-0.08-5.09,0.03-7.61-0.17c-0.77-0.06-2.02-0.01-2.37-0.85c4.04-0.67,8.73,0.08,13.37-0.17
c-0.3-0.57-1.15-0.43-1.69-0.51c-1.69-0.24-3.6-0.35-5.58-0.51c-3.73-0.29-7.91-0.85-10.83,0.34c-1.17,0.48-2.44,1.93-3.56,2.2
c-1.15,0.28-2.97,0.15-4.4,0.17c-2.41,0.04-4.69,0.03-6.92-0.02c-0.48,0.48-1.03,1.02-1.6,1.59
C267.84,20.52,269.33,20.5,270.82,20.5z"/>
<path class="st0" d="M296.33,35.11c-3.52-1.94-9.5-2.63-13.03-0.34c-1.33,0.86-2.26,2.74-3.73,3.22c-1.09,0.36-2.88,0.28-4.4,0.34
c-2.6,0.11-5.37,0.02-8.03-0.14c0.6,0.63,1.13,1.16,1.52,1.55c2.27-0.03,4.56,0,6.86,0.11c1.65,0.08,3.05-0.12,4.23,0.34
c1.52,0.59,2.35,2.55,3.89,3.38c3.54,1.91,9.29,1.21,12.69-0.67c1.71-0.95,3.38-2.1,3.38-3.89
C299.71,36.92,297.62,35.82,296.33,35.11z"/>
</g>
</svg>
Then I have a page in my website trying to display it like this:
<div class="brand-logo">
<object id="svg1" data="/images/logo-a.svg" type="image/svg+xml"></object>
</div>
What am I doing wrong? The SVG was created in illustrator, not sure if that makes any difference though.


Your svg is not real svg, just an xml file while you don't declare its namespace
<svg x="0px" y="0px" width="197px" height="71px" viewbox="0 0 346 51"
xmlns="http://www.w3.org/2000/svg"
>

Related

Problems with controlling SVG colors from outside through CSS

I got an SVG from a designer of which I'd like to set the color through CSS from outside of the SVG. I managed to overwrite part of the colors, but not all. What would I need to do to have the icon unfilled, with red lines over the grey background? Ideally without modifying the SVG because there are plenty of them with similar structure.
html {
background-color: #eeeeee;
}
.icon{
height: 6rem;
width: 6rem;
}
svg {
fill:red;
}
<html>
<div class="icon">
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.1.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" baseProfile="basic" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
y="0px" viewBox="0 0 76.5 76.5" xml:space="preserve">
<style type="text/css">
.st0{display:none;}
.st1{fill:none;stroke:#000000;stroke-width:2;}
.st2{fill:#FFFFFF;}
.st3{fill:none;stroke:#FFFFFF;stroke-width:5;}
.st4{fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st5{display:inline;}
.st6{font-family:'Akkurat-Bold';}
.st7{font-size:7.0024px;}
.st8{display:inline;fill:#2B3427;}
.st9{fill:none;stroke:#2B3427;stroke-width:2;}
.st10{fill:none;stroke:#2B3427;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.st11{display:inline;fill:#FFFFFF;}
.st12{fill:#2B3427;}
</style>
<g id="Vorlagen" class="st0">
</g>
<g id="Kreis_Black">
<path d="M38.3,4.8c18.4,0,33.4,15,33.4,33.4s-15,33.4-33.4,33.4S4.8,56.7,4.8,38.3S19.8,4.8,38.3,4.8 M38.3,2.8
C18.7,2.8,2.8,18.7,2.8,38.3s15.9,35.4,35.4,35.4s35.4-15.9,35.4-35.4S57.8,2.8,38.3,2.8L38.3,2.8z"/>
<path d="M38.3,4.8c18.4,0,33.4,15,33.4,33.4s-15,33.4-33.4,33.4S4.8,56.7,4.8,38.3S19.8,4.8,38.3,4.8 M38.3,2.8
C18.7,2.8,2.8,18.7,2.8,38.3s15.9,35.4,35.4,35.4s35.4-15.9,35.4-35.4S57.8,2.8,38.3,2.8L38.3,2.8z"/>
</g>
<g id="Illu">
<g>
<path class="st1" d="M35.2,43.3c-1.5,1-9.1,3.6-14.7-1.1c-4-3.3-4.4-8.7-3.6-24.9c9.5-0.9,17.4,0.9,22,5c4.1,3.6,3.9,8.6,4.3,11.2
C43.6,36.5,39.5,40.4,35.2,43.3z"/>
<path class="st2" d="M44.8,41.6c9.7,6,18.3-7.2,20.2-15.9c-5.5-3.6-13-2.3-17.7,0.6C43.8,28.5,39.2,35,44.8,41.6"/>
<path class="st3" d="M44.8,41.6c9.7,6,18.3-7.2,20.2-15.9c-5.5-3.6-13-2.3-17.7,0.6C43.8,28.5,39.2,35,44.8,41.6z"/>
<path class="st2" d="M44.8,41.6C57.2,51.9,63,36.7,64.9,25.7c-8.2-3.9-13-2.3-17.7,0.6C43.8,28.5,39.2,35,44.8,41.6"/>
<path class="st1" d="M44.8,41.6C57.2,51.9,63,36.7,64.9,25.7c-8.2-3.9-13-2.3-17.7,0.6C43.8,28.5,39.2,35,44.8,41.6z"/>
<path class="st4" d="M22.7,22.6c0,0,14.8,6,11.3,43.2c0,0,12.4-31.6,24-36.1"/>
</g>
<rect x="21.1" y="47.3" class="st2" width="32.6" height="8.1"/>
</g>
<g id="Typo" class="st0">
<text transform="matrix(1 0 0 1 25.4238 53.8332)" class="st5 st6 st7">VEGAN</text>
</g>
<g id="Typo_Gepfadet">
<g>
<path d="M28.1,53.8h-1l-1.6-5h1l1.2,3.8l1.2-3.8h0.9L28.1,53.8z"/>
<path d="M30.8,53.8v-5h3.5v0.8h-2.6v1.2H34v0.8h-2.3V53h2.6v0.8H30.8z"/>
<path d="M38.9,53.8l-0.1-0.5c-0.1,0.3-0.6,0.6-1.2,0.6c-0.6,0-1.1-0.1-1.5-0.6c-0.5-0.5-0.6-1.2-0.6-2s0.1-1.5,0.6-2
c0.4-0.4,0.9-0.6,1.5-0.6c0.6,0,1.1,0.2,1.5,0.6c0.2,0.3,0.4,0.6,0.5,1h-0.9c0-0.2-0.1-0.3-0.2-0.5c-0.2-0.2-0.4-0.3-0.8-0.3
c-0.3,0-0.6,0.1-0.8,0.3c-0.3,0.4-0.4,1-0.4,1.4s0,1.1,0.4,1.5c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.7-0.3
c0.3-0.3,0.3-0.6,0.3-1h-1.2v-0.8h2.1v2.7H38.9z"/>
<path d="M44,53.8l-0.3-1h-2l-0.3,1h-0.9l1.7-5h1l1.7,5H44z M42.7,50L42,52.1h1.4L42.7,50z"/>
<path d="M49.1,53.8l-2.2-3.4v3.4H46v-5h1l2.1,3.4v-3.4H50v5H49.1z"/>
</g>
</g>
<g id="Ikons_x5F_Grün" class="st0">
<path class="st8" d="M38.3,4.8c18.4,0,33.4,15,33.4,33.4s-15,33.4-33.4,33.4S4.8,56.7,4.8,38.3S19.8,4.8,38.3,4.8 M38.3,2.8
C18.7,2.8,2.8,18.7,2.8,38.3s15.9,35.4,35.4,35.4s35.4-15.9,35.4-35.4S57.8,2.8,38.3,2.8L38.3,2.8z"/>
<path class="st8" d="M38.3,4.8c18.4,0,33.4,15,33.4,33.4s-15,33.4-33.4,33.4S4.8,56.7,4.8,38.3S19.8,4.8,38.3,4.8 M38.3,2.8
C18.7,2.8,2.8,18.7,2.8,38.3s15.9,35.4,35.4,35.4s35.4-15.9,35.4-35.4S57.8,2.8,38.3,2.8L38.3,2.8z"/>
<g class="st5">
<path class="st9" d="M35.2,43.3c-1.5,1-9.1,3.6-14.7-1.1c-4-3.3-4.4-8.7-3.6-24.9c9.5-0.9,17.4,0.9,22,5c4.1,3.6,3.9,8.6,4.3,11.2
C43.6,36.5,39.5,40.4,35.2,43.3z"/>
<path class="st2" d="M44.8,41.6c9.7,6,18.3-7.2,20.2-15.9c-5.5-3.6-13-2.3-17.7,0.6C43.8,28.5,39.2,35,44.8,41.6"/>
<path class="st3" d="M44.8,41.6c9.7,6,18.3-7.2,20.2-15.9c-5.5-3.6-13-2.3-17.7,0.6C43.8,28.5,39.2,35,44.8,41.6z"/>
<path class="st2" d="M44.8,41.6C57.2,51.9,63,36.7,64.9,25.7c-8.2-3.9-13-2.3-17.7,0.6C43.8,28.5,39.2,35,44.8,41.6"/>
<path class="st9" d="M44.8,41.6C57.2,51.9,63,36.7,64.9,25.7c-8.2-3.9-13-2.3-17.7,0.6C43.8,28.5,39.2,35,44.8,41.6z"/>
<path class="st10" d="M22.7,22.6c0,0,14.8,6,11.3,43.2c0,0,12.4-31.6,24-36.1"/>
</g>
<rect x="21.1" y="47.3" class="st11" width="32.6" height="8.1"/>
<g class="st5">
<path class="st12" d="M28.1,53.8h-1l-1.6-5h1l1.2,3.8l1.2-3.8h0.9L28.1,53.8z"/>
<path class="st12" d="M30.8,53.8v-5h3.5v0.8h-2.6v1.2H34v0.8h-2.3V53h2.6v0.8H30.8z"/>
<path class="st12" d="M38.9,53.8l-0.1-0.5c-0.1,0.3-0.6,0.6-1.2,0.6c-0.6,0-1.1-0.1-1.5-0.6c-0.5-0.5-0.6-1.2-0.6-2s0.1-1.5,0.6-2
c0.4-0.4,0.9-0.6,1.5-0.6c0.6,0,1.1,0.2,1.5,0.6c0.2,0.3,0.4,0.6,0.5,1h-0.9c0-0.2-0.1-0.3-0.2-0.5c-0.2-0.2-0.4-0.3-0.8-0.3
c-0.3,0-0.6,0.1-0.8,0.3c-0.3,0.4-0.4,1-0.4,1.4s0,1.1,0.4,1.5c0.2,0.2,0.5,0.3,0.8,0.3c0.3,0,0.6-0.1,0.7-0.3
c0.3-0.3,0.3-0.6,0.3-1h-1.2v-0.8h2.1v2.7H38.9z"/>
<path class="st12" d="M44,53.8l-0.3-1h-2l-0.3,1h-0.9l1.7-5h1l1.7,5H44z M42.7,50L42,52.1h1.4L42.7,50z"/>
<path class="st12" d="M49.1,53.8l-2.2-3.4v3.4H46v-5h1l2.1,3.4v-3.4H50v5H49.1z"/>
</g>
</g>
</svg>
</div>
</html>

why not simply remove the style part inside the SVG ?
(and create your own css [in the html HEAD] with the colors you want)
other just use css !impotant in your css
html { background-color: #eeeeee; }
.icon{
height: 6rem;
width: 6rem;
}
svg { fill:red; }
/* add: */
.st1 { stroke:blue !important; }
path { stroke:orange !important; }

SVG is a regular HTML element. Therefore it takes background-color: white or transparent instead of fill to stylize its background.

Tick inside circle

I am trying to create tick Inside filled circle.
I did following but, doesn't looks perfect.
<svg height=10 viewBox="0 0 10 10" width=10>
<g fill="none" stroke="#22AE73" stroke-width="1"></g>
<circle cx=5 cy=5 fill='#29AB87' r=5 />
<polyline stroke="#ffffff" stroke-width="2" points="2.5,5.8 4.7,7.9 9.2,2.4 " />
</svg>
Any help would be greatly appreciated.

Your points are reaching the 10 10 part of your viewbox, hence it doesn't fit. You could change your points to lower values.
Alternatively, here's an svg that might work for you that is path based
<svg width="10px" height="10px" viewBox="0 0 10 10" >
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="tick">
<circle id="Oval" fill="#349006" cx="5" cy="5" r="5"></circle>
<path d="M7.26241838,2.25 L8.35843389,3.34601551 L3.9390165,7.76543289 L3.937,7.763 L3.93041937,7.77093389 L1.65,5.49051452 L2.74601551,4.39449901 L3.932,5.58 L7.26241838,2.25 Z" id="Combined-Shape" fill="#FFFFFF"></path>
</g>
</g>
</svg>

How to naviagte through an SVG Image with keyboard interaction

I want to navigate through an SVG Image and focus the current path. The paths in the SVG Image represent one part of the BodyImage.
In my app I want to realise, that the user can select with keyboard interaktion one part of the body and submit the value of this body part.
import Footer from '../components/Footer'
export default {
name: "Localisation.vue",
components: {
Footer
}
}
.localisation{
display: grid;
height: 100vh;
width: 70%;
grid-template-rows: 70% 30%;
}
.bodyMap{
display: grid;
}
#Layer_1{
height: 400px;
width: 500px;
}
#Kopf{
}
.Kopf:focus{
fill: gray;
}
.rechtesOhr:focus{
fill: yellow;
}
.st0{fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;}
.st1{display:none;fill:#FFFFFF;}
<div class="localisation">
<div class="localisationLayout">
<div class="bodyMap">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
viewBox="0 0 322 981" xml:space="preserve">
<path id="Kopf" class="Kopf" d="M162.7,13.5c-4.3,0-7.5,0.6-9.5,1c-11.1,2.2-27.7,9.4-31.5,22.1c-0.6,2.2-0.9,4.5-1.2,7.5
c-0.5,4.4-0.4,7.4-0.2,15.2c0.2,9.6,0.1,7.6,0.2,11.6c0.7,21.7,1,32.5,3.4,37.7c4.5,9.7,12.5,15.8,17.9,19.9
c3.6,2.8,6.4,4.8,10.6,6.3c10.8,3.8,21.1,0.1,24.8-1.4c12.7-5.4,19.8-17.1,22.1-26.4c0.6-2.4,0.8-6.5,1.2-14.8
c0.2-5,0.2-7.4,0.5-23.8c0.1-3.5,0.1-5.3,0.1-6.1c0.6-22.2,2.2-22.4,1.2-26.6C199,22.3,178.6,13.6,162.7,13.5z"></path>
<path v-focus data-right='AUTOFOCUS'
data-left='AUTOFOCUS' id="rechtes_x5F_Ohr" class="rechtesOhr" d="M202.1,69.1c-0.3,0.2-0.8,0.7-1.2,4.7c-0.3,3.6-0.2,6.5-0.1,7.3c0.1,1.9,0.3,4.3,0.3,6.3
c0,0.1,0,0.6,0,1.3c0,0.6,0.1,1.4,0.2,2.6c0.2,1.9,0.3,2.3,0.6,2.4c0.7,0.4,2.4-0.6,3.2-2c1.4-2.3-0.5-4,0.6-7.1
c0.8-2.2,1.8-1.8,2.6-4.3c0.5-1.5,0.5-2.9,0.4-5.7c0-1.9-0.1-2.8-0.4-3.4C207.2,69,203.7,67.9,202.1,69.1z"></path>
<path v-focus data-right='AUTOFOCUS'
data-left='AUTOFOCUS' id="linkes_x5F_Ohr" class="st0" d="M120.2,69.1c0.9,0.7,0.9,2.1,0.8,5c-0.1,3.9-0.7,3.6-0.6,6.2c0.1,2.3,0.8,4.7,0.8,7.1
c0,1,0,1.9-0.2,3.9c-0.2,1.9-0.3,2.3-0.6,2.4c-0.7,0.4-2.4-0.6-3.2-2c-1.4-2.3,0.5-4-0.6-7.1c-0.8-2.2-1.8-1.8-2.6-4.3
c-0.5-1.5-0.5-2.9-0.4-5.7c0-1.9,0.1-2.8,0.4-3.4C115.1,69,118.7,67.9,120.2,69.1z"></path>
<path v-focus data-right='AUTOFOCUS'
data-left='AUTOFOCUS' id="Hals" class="st0" d="M125.9,112.3c0.7-0.2,1.6,2.6,5.3,6.9c1.9,2.2,3.5,3.5,6,5.6c5.3,4.4,7.9,6.6,11.5,8.3
c6.4,3.1,12.2,3.3,14.2,3.3c7,0.1,12.1-2.1,14.3-3.1c1.8-0.8,5.5-2.4,9.2-5.7c6.2-5.5,7.2-10.8,8.6-10.4c2.1,0.5,1.1,12-0.5,20.5
c-1.3,6.8-3,12-4.3,16c-0.8,2.5-2.6,6.9-6.1,15.6c-4.9,12.1-5.9,14.3-8.5,17c-1.7,1.7-4.6,4.7-9.5,5.9c-1.2,0.3-5.8,1.3-10.8-0.6
c-5.5-2.1-8.5-6.6-10.3-9.7c-11.3-19.5-16.4-42.2-16.9-44.5C125.4,123.6,124.5,112.6,125.9,112.3z"></path>
<path id="pp" class="st1" d="M140.4,192.5c1.4-1.3,2.7-2.6,4.1-3.9"></path>
<path class="st0" d="M147.4,186.5c2.2,2.4,4.3,3.5,5.7,4.1s2.7,0.9,4.5,1.3c1.8,0.4,3.3,0.7,4.4,0.9c-9-0.3-18.1-0.6-27.1-0.9
l-13.6-4.2l-12.6-3.8l-11-3.5c-15.3-3.1-18.9-5.7-18.9-7.5c0-1.9,3.8-2.4,13.2-6.9c13.2-6.3,12.6-8.7,20.3-11c1.3-0.4,3.8-1,6.8-2.5
c1.4-0.7,3.1-1.6,4-2.2c4.4-3.2,5-10.1,5.1-12.8c1.9,8.3,4.7,17.8,8.9,28.1C140.4,173.5,143.9,180.5,147.4,186.5z"></path>
<path class="st0" d="M176,187.9c-4.7,1.7-9.3,3.3-14,5c8.7-0.3,17.5-0.6,26.2-0.9l13.6-4.2l12.6-3.8l11-3.5
c19.8-2.3,24.1-4.4,24.1-5.9c0-1.7-5.8-2.3-18.4-8.5c-4.4-2.2-6.5-3.3-8.6-4.6c-5-3.1-6.3-4.8-11.7-6.4c-1.3-0.4-3.8-1-6.8-2.5
c-0.7-0.3-2.4-1.1-4-2.2c-1.6-1.1-4.3-3.4-6.5-7.5C187.7,157.8,181.8,172.9,176,187.9z"></path>
</g>
<path class="st0" d="M161,203.6l0.1,71.1c0,3.9-3.1,7-6.9,7c-3.4,0-7.3,0-11.6-0.2c-11.4-0.6-12.3-1.9-19.5-1.6
c-9.5,0.3-10.6,2.6-23.3,3.9c-8.9,0.9-13.4,1.2-17-0.8c-1.4-0.8-3.4-2.3-10.8-18.1c-6.2-13.4-6.3-15.4-5.9-17.2
c1-4.6,4-6.3,5.3-13.2c0.3-1.5,0.4-2.8,0.5-3.9c0,0,0.1-1.8-0.1-3.6c-0.6-6.9-8.5-50.3-2.4-52.6c0.6-0.2,0.8,0.2,3,0
c3.8-0.3,4.4-1.6,6.4-1.5c2.7,0.2,3.1,2.5,7,4.5c2.2,1.1,4.2,1.4,5.5,1.6c8.2,2.4,16.4,4.7,24.6,7.1c5.9,2.2,11.8,4.3,17.6,6.5
c2.1,0.1,4.3,0.1,6.7,0c2.3-0.1,4.4-0.3,6.4-0.6c1.8,0.3,3.7,0.6,5.5,0.9c1.4,0.6,3.2,1.2,4.9,0.6c1.3-0.4,1.7-1.1,2.6-1
c2,0.3,3.3,4,2.8,4.3c-0.2,0.2-0.8-0.6-1.3-0.4C160.5,196.5,160.3,198.4,161,203.6z"></path>
<path class="st0" d="M161.1,203.6l-0.1,71.1c0,3.9,3.1,7,6.9,7c3.4,0,7.3,0,11.6-0.2c11.4-0.6,12.3-1.9,19.5-1.6
c9.5,0.3,10.6,2.6,23.3,3.9c8.9,0.9,13.4,1.2,17-0.8c1.4-0.8,3.4-2.3,10.8-18.1c6.2-13.4,6.3-15.4,5.9-17.2c-1-4.6-4-6.3-5.3-13.2
c-0.3-1.5-0.4-2.8-0.5-3.9c0,0-0.1-1.8,0.1-3.6c0.7-7.5,11-47.3,2.6-52.6c-1-0.6-1.5-0.3-16.9,3.4c-4.6,1.1-8.4,2-10.6,2.6
c-5.3,1.6-10.5,3.3-15.8,4.9c-5.2,1.6-10.4,3.2-15.6,4.8c-3.2,0.8-6.9,1.6-11.1,2c-2.7,0.3-5.2,0.3-7.5,0.3c-3.1,0-6.1,0-9.2-0.1
c-2.7-0.6-3.8,0.2-4.2,0.5c-0.8,0.8-0.8,1.8-0.9,7C161.1,200.6,161.1,201.9,161.1,203.6z"></path>
<path class="st0" d="M69.4,174.4c-3.2,0.1-8,0.6-13.4,2.6c-3.2,1.2-8.4,3.3-13,8.1c-3.8,4-5.3,7.9-7.1,13c-0.7,1.8-2.2,6.2-4.3,21.3
c-1.6,11.5-2.3,17.3-1.4,21.3c1.4,6.2,3.7,7.6,4.3,13.8c0.5,5.7-0.9,9.8-2.2,14.2c0,0-5.3,17.5-6.9,35.9c-0.5,6-1.7,19.5,2.4,20.9
c1.9,0.6,3.2-1.7,6.3-3.2c11.6-5.9,25.9,10.4,32.9,5.9c4-2.6,0.3-8.9,2.8-26.2c2.1-14.3,5.2-14.5,4.5-22.1
C73,267,63.7,264.3,62.7,252.7c-0.4-4.9,7.7-9.7,7.5-21.1"></path>
<path class="st0" d="M252.9,174.4c3.2,0.1,8,0.6,13.4,2.6c3.2,1.2,8.4,3.3,13,8.1c3.8,4,5.3,7.9,7.1,13c0.7,1.8,2.2,6.2,4.3,21.3
c1.6,11.5,2.3,17.3,1.4,21.3c-1.4,6.2-3.7,7.6-4.3,13.8c-0.5,5.7,0.9,9.8,2.2,14.2c0,0,5.3,17.5,6.9,35.9c0.5,6,1.7,19.5-2.4,20.9
c-1.9,0.6-3.2-1.7-6.3-3.2c-11.6-5.9-25.9,10.4-32.9,5.9c-4-2.6-0.3-8.9-2.8-26.2c-2.1-14.3-5.2-14.5-4.5-22.1
c1.3-12.9,10.6-15.6,11.6-27.2c0.4-4.9-7.7-9.7-7.5-21.1"></path>
<path class="st0" d="M27.8,325.5c-2.3,2.3-1.3,6.1-1,10.2c0.8,12.4-5.5,24.1-5.5,24.1c-1.9,15.3-3.1,24.9-3,39.2
c0.1,13.1,1.1,11.7,1.6,31.7c0.4,15,0.5,22.6-0.4,29c-2,13.4-5.4,17.7-2.4,21.5c5,6.5,22.2,4.3,25.4-2.4c1-2.2-0.1-3.6,0-9.1
c0.1-4.2,0.9-7.5,2.6-13.4c3.4-11.4,7.2-21,7.9-22.9c5.9-15.2,8.8-22.7,9.5-25.6c2.4-9.4,2.6-16.4,3-27c0.2-4.9,0.9-22.7-2.4-23.3
c-1.4-0.2-2.7,2.5-3.2,2.2c8.6-24.4,8.8-30.7,7.1-31.5c-1-0.5-2.5,0.8-6.2,0.2c-0.6-0.1-1.9-0.3-4.7-1.5c-4.2-1.8-4.6-2.6-7.6-3.9
c-2.7-1.2-5.3-2.3-8.6-2c-1.9,0.1-3.7,0.8-7.4,2.3C29.8,324.3,28.5,324.8,27.8,325.5z"></path>
<path class="st0" d="M294.5,325.5c2.9,3,2.3,7.9,2.1,10.2c-0.4,5.2,0.3,13.1,5.5,24.1c1.9,15.3,3.1,24.9,3,39.2
c-0.1,13.1-1.1,11.7-1.6,31.7c-0.4,15-0.5,22.6,0.4,29c2,13.4,5.4,17.7,2.4,21.5c-5,6.5-22.2,4.3-25.4-2.4c-1-2.2,0.1-3.6,0-9.1
c-0.1-4.2-0.9-7.5-2.6-13.4c-3.4-11.4-7.2-21-7.9-22.9c-5.9-15.2-8.8-22.7-9.5-25.6c-2.4-9.4-2.6-16.4-3-27
c-0.2-4.9-0.9-22.7,2.4-23.3c1.4-0.2,2.7,2.5,3.2,2.2c-9.2-24.2-9.8-30.7-8.2-31.5c0.8-0.4,2.2,0.8,5.2,0.5c1.7-0.2,2.5-0.6,5.8-2.2
c4.5-2.1,6.7-3.2,9-4c2.6-0.9,4.1-1.4,6.3-1.5c2.7-0.1,4.8,0.6,6.6,1.3C290.8,323.2,293,323.9,294.5,325.5z"></path>
<path class="st0" d="M17.1,481.2c-0.4,0.2-1.2,1-0.3,11c0.3,2.8,0.5,4.6,0.6,5.9c0.7,6.2,1,10,0.8,14.4c-0.5,8.8-3,11.9-0.6,16.2
c1,1.9,1.7,1.6,3.2,4.3c2.2,3.6,1.6,5.1,3.2,9.9c1.3,3.5,2.7,7.4,6.3,10.1c1.8,1.3,2.6,1.1,5.3,2.4c3.1,1.5,8.8,6.8,9.1,7.1
c7.3,7.8,11.4,11.6,15,11c4.2-0.7,7.4-7.4,7.1-13s-4.2-9.5-7.9-13.2c-5.8-5.8-8.3-4.9-13.4-10.8c-2.8-3.2-6.2-7.3-5.5-12.2
c0.5-3.4,3.1-7.1,5.3-6.9c1.7,0.1,2.3,2.6,7.3,12.4c2.1,4.1,3.5,6.6,6.5,8.3c0.8,0.5,3.7,2.2,5.5,1c1.8-1.2,1.1-4.7,0.8-6.7
c-0.3-1.6-1.1-4.9-3.8-8c-1.6-1.8-2-1.4-2.6-2.6c-1.4-2.6,0.1-4.7,0-9c0-1.7-0.4-3.1-1.1-5.9c-1.1-4.3-2.7-7.9-5.5-13.4
c-4.2-8.2-7.9-15.3-9.9-14.7c-0.7,0.2-0.6,1-2,2.4c-0.3,0.3-1.3,1.3-4.1,2.3c-3.7,1.4-6.9,1.6-8.3,1.6c-2.5,0-4.2,0-6.2-0.8
C18.8,483,18.1,480.8,17.1,481.2z"></path>
<path class="st0" d="M306.3,481.2c1.1,0.4-0.1,4.9-0.7,13.5c0,0-0.1,1.6-0.3,4.8c-0.5,9.5-0.8,14.2-0.8,14.4
c0.5,8.8,3,11.9,0.6,16.2c-1,1.9-1.7,1.6-3.2,4.3c-2.2,3.6-1.6,5.1-3.2,9.9c-1.3,3.5-2.7,7.4-6.3,10.1c-1.8,1.3-2.6,1.1-5.3,2.4
c-3.1,1.5-8.8,6.8-9.1,7.1c-7.3,7.8-11.4,11.6-15,11c-4.2-0.7-7.4-7.4-7.1-13s4.2-9.5,7.9-13.2c5.8-5.8,8.3-4.9,13.4-10.8
c2.8-3.2,6.2-7.3,5.5-12.2c-0.5-3.4-3.1-7.1-5.3-6.9c-1.7,0.1-2.3,2.6-7.3,12.4c-2.1,4.1-3.5,6.6-6.5,8.3c-0.8,0.5-3.7,2.2-5.5,1
c-1.7-1.1-1.6-4.4-0.8-6.7c1.3-3.9,4.4-3.8,6.7-8.3c1.2-2.3,1.4-4.3,1.6-6.6c0.5-4.8-0.6-7.1-0.8-10.6c-0.3-4.5,1.1-7.8,3.4-13.3
c3.1-7.5,9.2-17.2,12.7-16.3c1.3,0.4,1.1,1.8,3.6,3.6c1.8,1.2,3.4,1.6,5.6,2.1c3.7,0.8,6.6,0.6,7.7,0.5c2-0.2,3.4-0.4,5-1.2
C305.2,482.5,305.7,481,306.3,481.2z"></path>
<path class="st0" d="M160.3,277.9c0.6,7.2,0.9,15.1,0.7,23.6c-0.1,4.6-0.3,9.1-0.7,13.3c-0.1,20,0.5,26.9,1.1,28.7
c0.5,1.5,0.5,2.6,0.4,4.7c0,0.4-0.1,1.2-0.6,1.6c-0.2,0.1-0.4,0.2-1.5,0.2c-1.1,0.1-1.7,0.1-2,0.1c-0.9-0.1-1-0.2-1.7-0.3
c-1.5-0.2-1.8,0.3-3.6,0.4c-0.3,0-0.9,0-2-0.1c-1.4-0.1-1.8-0.2-3.2-0.3c-1-0.1-1.5-0.1-2.2-0.1c-1.7,0-2.1,0.2-3.3,0.1
c-1.5,0-1.7-0.3-3.6-0.6c-0.9-0.1-2.3-0.3-4.1-0.3c-0.7,0-1.7,0-2.8,0c-1.2,0-1.8,0-2.3,0c-1.5,0.1-1.7,0.3-2.8,0.3
c-0.6,0-1.5,0-2.6-0.3c-0.5,0-1.2,0-2.1-0.1c-1.5,0-1.8,0-2.8-0.1c-0.7,0-1.5-0.1-2.5-0.2c-1.2-0.2-1.2-0.2-2-0.3
c-1.1-0.1-1.2,0-2.9,0c-1.1,0-2-0.1-2.2-0.1c-1-0.1-1.5-0.1-2.1-0.2c-0.9-0.2-1.3-0.4-2.2-0.4c-0.2,0-0.5,0-1,0.1
c-1.8,0.2-1.7,0.2-2.3,0.2c-1.1,0-1.2-0.3-2.2-0.3c-0.6,0-1.1,0.2-1.4,0.3c-0.8-0.4-1.5-0.5-1.9-0.5c-0.5,0-0.9,0.1-1.6,0
c-0.5-0.1-0.5-0.1-0.9-0.1c-0.8-0.1-1.4,0.3-1.6,0.3c-2.5,0.7-8.4-18.3-8.4-18.3c-3.2-10.4-4.5-14.2-5.1-19.7
c-1-8.7,0.1-11.3,0-15.8c-0.1-2.1-0.4-3-0.8-5.5c-0.9-5.4-1.6-13.3-0.6-13.6c0.9-0.2,1.4,5.7,6.1,8.6c2.1,1.3,4.2,1.4,8.2,1.5
c3.5,0.1,6.7-0.2,11.6-1c8.5-1.4,8.5-2.3,14.6-3c5.3-0.7,9.6-0.5,11.4-0.4c2.6,0.1,3,0.3,10.2,1.2c10.6,1.4,12.8,1.4,15.5,0.5
C157,280.7,159.1,279.1,160.3,277.9z"></path>
<path class="st0" d="M92.3,384.1c-0.4-1.4-0.8-2.7-1.1-4.1c-1.8,5.2-2.7,8.2-3.1,10c-0.1,0.5-0.7,3-1.6,5.5
c-0.9,2.6-1.2,3.1-1.8,4.9c-1.8,5.5-1.7,10.2-1.6,12.8c0.1,5,0.2,15.5-1.6,23.9c-1.3,5.9-2.8,7.2-5.3,12.1c-1.3,2.5-2.1,4.5-3.6,8.6
c-1.2,3.2-8,21.5-4.4,23.6c0.9,0.5,1.8-0.4,9-4.5c5.5-3.1,8.3-4.7,9.9-5.1c3.1-0.8,7.3-0.1,15.5,1.5c4.1,0.8,4.4,1,12.1,2.5
c5.5,1.1,7.3,1.4,9.7,1.5c3.3,0.3,6.4,0.5,9.6-0.1c2.2-0.4,3.7-1.1,12.9-7.8c0.8-0.6,9.6-7,13.6-13.5c0.5-0.7,1.3-2.1,0.8-3.2
c-0.8-1.7-4.2-1.7-5.1-1.7c-9.5-0.2-26.2-12.3-36-20c-3-2.3-7.1-6.1-11-12c-1.2-1.7-2.6-3.8-4.1-6.2c0,0-1.8-2.9-3.5-6.1
C97,398.2,92.5,384.9,92.3,384.1z"></path>
<path class="st0" d="M232.7,382.7c1.7,3.2,2.5,5.6,3,7.3c0.2,0.7,0.7,3,1.6,5.5c0.9,2.6,1.2,3.1,1.8,4.9c1.8,5.5,1.7,10.2,1.6,12.8
c-0.1,5-0.3,15.5,1.6,23.9c1.9,8.4,4.1,7.5,8.9,20.7c1.5,4.1,7.2,19.7,4.1,21.5c-1.9,1.1-5.4-3.4-9.5-6.3
c-16.5-11.7-36.1,7.9-59.5,0.6c-12.4-3.8-23.7-14.3-22.3-21c1.5-7.6,18.6-6.1,37.6-20.3c7.5-5.6,12.5-11.6,15.3-15.4
c0.9-1.4,2.1-3.2,3.5-5.4c0.8-1.4,3.2-5.4,5.7-10.8C228.1,396.3,230.6,390.2,232.7,382.7z"></path>
<path class="st0" d="M162.9,445.9c-0.5,1.9-1,3.8-1.4,5.7c-0.3,1.4-0.7,2.8-1,4.2c-0.7,1.1-1.7,2.5-3,4.1c-1,1.2-3.1,2.6-5.9,5.8
c-0.6,0.7-11.2,8.3-10.3,7.6c-4,1.4-6.2,1.5-6.5,2.8c-0.4,1.9,3.7,2.9,6.1,7.3c1.7,3.1,1,4.8,1.8,9.5c1,5.5,1.9,10.6,5.1,14.4
c3.7,4.4,11,7.6,17.9,5.7c9.5-2.6,12.4-13.1,12.6-13.8c1.6-6-1.3-8.2,1.4-12.6c2.8-4.5,3.2-7.3,5.9-9.3c0.7-0.6,1.9-1.3,1.8-2.2
c-0.1-1.2-2.4-1.7-4.7-2.4c-0.5-0.2-10.7-3.7-16.2-11.4c-0.2-0.3-0.5-0.7-0.8-1.2C162.5,454.9,162.5,449.4,162.9,445.9z"></path>
<path class="st0" d="M68.1,481.4c-6.5,1-0.2,38.8-0.2,38.8c5.3,31.8-0.2,24.2,5.3,58.8c6,38.1,9.9,29,18.1,72.4
c2.1,11.2,4.5,25.8,9.9,26.4c4,0.4,4.7-7.1,12.6-12.4c13.9-9.2,31.4,0.8,36.1-6.9c1.2-2,0.6-3.5,0.2-8.3
c-0.8-10.2,1.1-15.9,3.4-28.6c2.4-13.1,3.5-26.4,5.3-39.6c2.7-19.9,1.6-30.3,3-39.6c0.3-1.8,0.8-4.5,0.8-8.3c0.1-3.4-0.2-4.1-0.1-8
c0.1-2.2,0.3-3.1,0.4-6.3c0.2-4.9,0-5.8-0.7-6.3c-1.1-1-2.6-0.3-5.1-0.5c-3.5-0.4-5.9-2.5-7.5-3.8c-6.1-5.2-7-15.2-7.2-17.4
c-0.3-2.9-0.1-5.3-1.6-8.3c-0.9-1.8-2.2-4.3-4.6-5c-1.4-0.4-4.8-0.6-6.1-0.9c-0.1,0-0.3-0.1-0.5-0.1c-2.5-0.5-2.9,0-6.5-0.2
c-3.9-0.2-5.8-0.9-10.8-2c-1-0.2-7.3-1.7-14.2-2.6c-7-1-10.5-1.4-13.6-0.2c-2.4,0.9-5.4,2.1-7.5,4.5c-0.5,0.5-1.8,2-3.9,3
c-0.9,0.5-1.9,0.8-2,0.8C70.2,480.9,69.1,481.2,68.1,481.4z"></path>
<path class="st0" d="M255.3,479.3c0,0,3.7,1.8,3.8,21.9c-0.8,9.6-2.4,19-2.4,19c-5.3,31.8,0.2,24.2-5.3,58.8
c-6,38.1-9.9,29-18.1,72.4c-2.1,11.2-4.5,25.8-9.9,26.4c-4,0.4-4.7-7.1-12.6-12.4c-13.5-9-30.2,1.3-36.1-6.9c-1.3-1.7-1-3-1.4-8.5
c-0.9-12.6-2.6-15-4.7-28.8c-0.5-3.1-0.8-5.8-1-8.3c-1.3-13-1.5-23.3-1.8-30.9c-0.7-19.6-3.7-50.6-3.2-57.8c0.1-2,0.6-3.3,0.6-6.4
c0-2.1-0.3-3.4,0.5-4.4c0.9-1,2.2-0.4,3.7-1c4.9-2,7.5-6.1,8.4-7.6c1.8-2.9,2.4-5.5,2.9-7.6c1.2-5.3-0.6-6.6,1-10.7
c0.5-1.3,0.6-1,3-5.6c0.7-1.4,1-2,1.7-2.6c0.8-0.7,1.6-0.9,2.3-2c0.5-0.7,0.3-0.9,0.7-1.3c0.8-0.8,2.2-0.5,4.8-0.2
c0.8,0.1,2.9,0.3,5,0.4c1.8,0,3.3-0.1,4.5-0.2c2-0.2,3.6-0.4,5-0.7c3.9-0.7,6.8-1.5,8.5-1.9c6-1.6,9.1-2.3,11.3-2.7
c4.9-0.7,9.9-1.4,14.8,0.7c4.1,1.8,6.4,3.9,6.4,3.9c1.1,0.9,1.8,1.9,3.4,3C252.8,478.5,254.3,479,255.3,479.3z"></path>
<path class="st0" d="M124,663.6c-1.5-0.1-4.3-0.1-7.3,1.2c-2.9,1.3-4.6,3.3-5.9,4.9c-2.5,3.1-2,4-4.9,7.9c-2.5,3.4-3.3,3.1-3.9,4.9
c-0.9,2.8,0.7,4.4,2,9.9c0.5,2.1,0.8,4.1,1.2,8.1c0.8,6.7,1.2,10.1,0.6,12.6c-1.3,5.6-5,9.1-3.7,10.6c0.6,0.6,1.4,0.1,2.4,0.8
c1.6,1.1,1.6,3.4,1.8,5.9c0.2,2.9,0.8,7,1.2,8.3c2.7,7.9,32.3,11.5,41-0.8c0.9-1.3,1.7-4.3,3.2-10.3c2.6-10.3,3.9-18.3,4.3-20.9
c1.9-12.9,2.9-19.4,2.2-26.4c-0.7-7.6-2.5-8.9-4.5-18.1c-2-9.3-2.6-18.1-2.2-26.2"></path>
<path class="st0" d="M197.9,663.6c1.5-0.1,4.3-0.1,7.3,1.2c2.9,1.3,4.6,3.3,5.9,4.9c2.5,3.1,2,4,4.9,7.9c2.5,3.4,3.3,3.1,3.9,4.9
c0.9,2.8-0.7,4.4-2,9.9c-0.5,2.1-0.8,4.1-1.2,8.1c-0.8,6.7-1.2,10.1-0.6,12.6c1.3,5.6,5,9.1,3.7,10.6c-0.6,0.6-1.4,0.1-2.4,0.8
c-1.6,1.1-1.6,3.4-1.8,5.9c-0.2,2.9-0.8,7-1.2,8.3c-2.7,7.9-32.3,11.5-41-0.8c-0.9-1.3-1.7-4.3-3.2-10.3
c-2.6-10.3-3.9-18.3-4.3-20.9c-1.9-12.9-2.9-19.4-2.2-26.4c0.7-7.6,2.5-8.9,4.5-18.1c2-9.3,2.6-18.1,2.2-26.2"></path>
<path class="st0" d="M102.1,723.7c1,0,2.8,1.1,3.7,2.7c0.9,1.6,0.7,3.2,0.5,4c0.1,1.4,0.2,2.6,0.4,3.6c0.1,0.9,0.2,1.6,0.4,2.9
c0.2,1.2,0.3,1.4,0.4,1.8c0.1,0.2,0.4,1.1,1.4,2.1c0.2,0.2,1,1,3,2c1.6,0.8,2.9,1.2,4,1.5c1.7,0.5,3.1,0.8,4,0.9
c0.8,0.1,2.7,0.5,5.2,0.6c4.1,0.2,7.2-0.2,7.9-0.3c1.6-0.2,3.5-0.5,6-1.3c1.8-0.6,3.5-1.2,5.3-2.4c3.5-2.5,4.2-5.6,5-5.4
c0.9,0.3-0.6,4.8-0.3,12c0.1,2.2,0.2,1.9,0.6,6.7c0.4,5.2,0.4,7.6,0.5,9.5c0.5,6.5,3.4,10.7,4.9,14.8c3.2,8.6,3.5,16.4,3.9,25.8
c0.4,9.9-0.7,17.7-3,33.3c-1.6,10.7-2.3,9.8-3,14.2c-0.2,1.1-0.3,2.4-1.2,3.9c-0.8,1.2-1.6,1.9-1.4,2.2c0.3,0.5,2.3-0.8,3.9,0
c0.9,0.5,1.4,1.5,1.8,3.7c0.9,4.6,0.4,7.7,0.4,7.7c-0.9,5.6-0.3,11.4-1,17c-2.1,17.5-3.1,26.2-2.4,30c1.9,10.3,4.3,17.7,4.3,17.7
c1.7,5.3,2.6,6.6,1.8,8.3c-3,7.3-26.3,7.1-29.2,0.2c-0.4-0.9-0.2-2.3,0.2-5.1c0.8-5.7,2.3-9.2,3-11.8c1.2-4,0.9-7.5,0.4-14.4
c-1-14-4.8-25.6-5.5-27.8c-4.7-14.2-8.6-20.7-15-34.5c-7.4-16.1-12.9-27.9-16.8-43.4c-5.6-22.2-5-39.8-4.3-47.9
C93.2,740.9,98.1,723.6,102.1,723.7z"></path>
<path class="st0" d="M221.1,724.9c-0.4-0.7-1-1-1-1c-0.5-0.2-1-0.1-1.3,0c-0.4,0-1,0.2-1.4,0.6c-0.1,0.1-0.2,0.2-0.4,0.4
s-0.6,0.7-0.8,1.3c-0.1,0.3-0.2,0.5-0.3,1s-0.2,0.9-0.2,2c0,0.6-0.1,0.9-0.1,1.3c-0.1,0.9-0.3,3.5-0.6,5c-0.3,1.4-0.8,4.2-3,6.2
c-1,0.9-1.9,1.2-3.9,2c-0.7,0.3-2.5,0.9-5.4,1.5c-3.5,0.7-6.5,0.8-8.1,0.8c-2,0-4.8,0-8.3-0.8c-3.2-0.7-6-1.3-8.7-3.3
s-3.6-4.2-4.2-3.9c-0.7,0.4,1.5,4.2,1.7,10.1c0.1,2.4-0.5,4.1-0.8,7.7c-0.2,2.3-0.8,4.6-2,8.9c-2.2,7.6-4.4,13.5-4.9,14.8
c-3.2,8.6-3.5,16.4-3.9,25.8c-0.4,9.9,0.7,17.7,3,33.3c1.6,10.7,2.3,9.8,3,14.2c0.2,1.1,0.3,2.4,1.2,3.9c0.8,1.2,1.6,1.9,1.4,2.2
c-0.3,0.5-2.3-0.8-3.9,0c-0.9,0.5-1.4,1.5-1.8,3.7c-0.9,4.6-0.4,7.7-0.4,7.7c0.9,5.6,0.3,11.4,1,17c2.1,17.5,3.1,26.2,2.4,30
c-1.9,10.3-4.3,17.7-4.3,17.7c-1.7,5.3-2.6,6.6-1.8,8.3c3,7.3,26.3,7.1,29.2,0.2c0.4-0.9,0.2-2.3-0.2-5.1c-0.8-5.7-2.3-9.2-3-11.8
c-1.2-4-0.9-7.5-0.4-14.4c1-14,4.8-25.6,5.5-27.8c4.7-14.2,8.6-20.7,15-34.5c7.4-16.1,12.9-27.9,16.8-43.4
c1.2-4.7,5.8-23.6,4.3-47.9C230.5,758.5,230.6,742.8,221.1,724.9z"></path>
<path class="st0" d="M129.6,942c-2.1,0-2.6,3.8-6.3,8.9c-1.7,2.4-5,6.9-10.3,9.5c-5.2,2.6-8.1,1.1-10.8,4.3
c-0.2,0.2-2.8,3.4-1.8,6.3c1.4,4.1,9.3,4.7,14.2,5.1c9.1,0.7,10.4-1.6,19.9-0.8c5.3,0.4,6.4,1.3,11,1c5-0.3,10.3-0.6,12.6-4.5
c2.2-3.7,1-9.8-2-12.2c-1-0.8-1.9-0.9-2.4-2c0-0.1-0.1-0.2-0.1-0.3c-0.6-2.2,1.9-6.2,1.9-6.2c1.1-1.7,2.4-4.3,3.5-7.9
c-2.8,2-7.6,4.8-13.9,5.4c-3.4,0.3-7.1,0.7-10.3-1.5C131.6,945,131.4,942.1,129.6,942z"></path>
<path class="st0" d="M192.5,943.4c2.2-0.1,3.4,3.3,6.5,7.5c1.8,2.5,5.2,6.9,10.3,9.5c5.2,2.6,8.1,1.1,10.8,4.3
c0.2,0.2,2.8,3.4,1.8,6.3c-1.4,4.1-9.3,4.7-14.2,5.1c-9.1,0.7-10.4-1.6-19.9-0.8c-5.3,0.4-6.4,1.3-11,1c-5-0.3-10.3-0.6-12.6-4.5
c-2.2-3.7-1-9.8,2-12.2c1-0.8,1.9-0.9,2.4-2c0-0.1,0.1-0.2,0.1-0.3c0.6-2.2-1.9-6.2-1.9-6.2c-1.1-1.7-2.4-4.3-3.5-7.9
c1.5,1.4,4.1,3.5,7.8,4.7c4.9,1.6,9.1,0.8,11.1,0.4c2.2-0.4,4.5-0.9,7-2.6C191.1,944.4,191.4,943.5,192.5,943.4z"></path>
<path class="st0" d="M91.2,347.3c-1.1,0.8-0.2,3.5,0.4,6.1c1.3,5.8,0.9,10.9,0.2,18.2c-0.4,4-0.7,4.5-0.6,7c0.2,3,0.9,5.1,2.3,9.3
c1.3,4,2.6,7,3.3,8.7c0.7,1.6,2.2,4.8,5.1,10.2c4.4,8,6.5,12,10.1,16.3c2.9,3.5,5.5,5.8,8.1,8c5.2,4.5,9.5,7.3,13.3,9.7
c3.7,2.4,9.5,5,21.3,10.2c1.5,0.6,4.4,1.9,6.3,0.6c0.4-0.3,1.1-0.9,1.7-3.4c0.8-3.1,0.4-5.1,0.4-7.8c0-2.4,0.3-1.6,1.1-8.2
c0.6-4.8,0.9-8.5,0.9-9.3c0.3-3.8,0.3-6.7,0.3-9.1c0.1-3.2,0-5.6,0-7.3c0-3.4-0.1-6.1-0.2-7.8c-0.1-2-0.2-3.6-0.2-4.6
c-0.1-2.6-0.2-4.6-0.3-5.9c-0.2-2.5-0.3-4.4-0.4-5.8c-0.2-2.3-0.3-4.1-0.4-5.5c-0.1-0.9-0.2-2.5-0.4-5.5c-0.1-1-0.2-2.5-0.7-8.1
c-0.7-8.8-0.7-8.6-0.7-8.9c-0.1-3,0-3.1-0.3-3.6c-1.5-2.4-6.1-0.9-14.8-1c-5.1-0.1-4.2-0.6-11.4-0.9c-6-0.2-6.2,0.1-13.2,0
c-3.2-0.1-7.5-0.2-12.9-0.7c-4.7-0.4-6.4-0.8-9.5-0.6c-2,0.1-3.1,0.3-5.2,0.1C92.7,347.3,91.9,346.9,91.2,347.3z"></path>
<path class="st0" d="M167.4,281.9c2.7,0.9,4.9,0.9,15.5-0.5c7.2-0.9,7.6-1.1,10.2-1.2c1.8-0.1,6.1-0.3,11.4,0.4
c6.1,0.7,6.1,1.6,14.6,3c4.9,0.8,8.1,1.1,11.6,1c4-0.1,6.1-0.2,8.2-1.5c4.7-2.9,5.2-8.8,6.1-8.6c1,0.3,0.3,8.2-0.6,13.6
c-0.4,2.5-0.7,3.4-0.8,5.5c-0.1,4.5,1,7.1,0,15.8c-0.9,8-3.2,11.1-5.1,19.7c-2.1,9.2-2.1,17.9-4.8,18.2c-0.9,0.1-3.9-0.5-5.3-0.2
c-0.1,0-0.4,0.1-0.9,0.1c-0.7,0.1-1.1,0-1.6,0c-0.4,0-1.1,0.1-1.9,0.5c-0.3-0.1-0.8-0.3-1.4-0.3c-1-0.1-1.1,0.3-2.2,0.3
c-0.5,0-0.4-0.1-2.3-0.2c-0.6,0-0.8-0.1-1-0.1c-0.9,0-1.2,0.2-2.2,0.4c-0.6,0.1-1.1,0.2-2.1,0.2c-0.3,0-1.1,0.1-2.2,0.1
c-1.7,0-1.9-0.1-2.9,0c-0.8,0.1-0.7,0.1-2,0.3c-1,0.1-1.8,0.2-2.5,0.2c-1,0-1.2,0-2.8,0.1c-0.9,0-1.6,0.1-2.1,0.1
c-1.1,0.3-2,0.3-2.6,0.3c-1.1,0-1.3-0.2-2.8-0.3c-0.5,0-1.1,0-2.3,0c-1.1,0-2,0-2.8,0c-1.7,0-3.1,0.1-4.1,0.3
c-1.9,0.3-2.1,0.6-3.6,0.6c-1.2,0-1.6-0.2-3.3-0.1c-0.7,0-1.2,0.1-2.2,0.1c-1.4,0.1-1.7,0.2-3.2,0.3c-1.1,0.1-1.7,0.2-2,0.1
c-1.9,0-2.2-0.5-3.6-0.4c-0.8,0.1-0.8,0.2-1.7,0.3c-0.3,0-0.9,0-2-0.1s-1.3-0.1-1.5-0.2c-0.5-0.4-0.6-1.1-0.6-1.6
c-0.1-1.6-0.1-2.5,0-3.5c0.1-0.6,0.3-1.1,0.3-1.1c1.1-3.3,0.1-25,0-29.9c0-1.1,0-0.1,0.4-12.1c0.3-10.1,0.6-18.3,0.7-23.6
C162.7,279.1,164.8,280.7,167.4,281.9z"></path>
<path class="st0" d="M233.8,347.3c1.1,0.8,0.2,3.5-0.4,6.1c-1.3,5.8-0.9,10.9-0.2,18.2c0.4,4,0.7,4.5,0.6,7c-0.2,3-0.9,5.1-2.3,9.3
c-1.3,4-2.6,7-3.3,8.7c-0.7,1.6-2.2,4.8-5.1,10.2c-4.4,8-6.5,12-10.1,16.3c-2.9,3.5-5.5,5.8-8.1,8c-5.2,4.5-9.5,7.3-13.3,9.7
c-3.7,2.4-9.5,5-21.3,10.2c-1.5,0.6-4.4,1.9-6.3,0.6c-0.4-0.3-1.1-0.9-1.7-3.4c-0.8-3.1-0.4-5.1-0.4-7.8c0-2.4-0.3-1.6-1.1-8.2
c-0.6-4.8-0.9-8.5-0.9-9.3c-0.3-3.8-0.3-6.7-0.3-9.1c-0.1-3.2,0-5.6,0-7.3c0-3.4,0.1-6.1,0.2-7.8c0.1-2,0.2-3.6,0.2-4.6
c0.1-2.6,0.2-4.6,0.3-5.9c0.2-2.5,0.3-4.4,0.4-5.8c0.2-2.3,0.3-4.1,0.4-5.5c0.1-0.9,0.2-2.5,0.4-5.5c0.1-1,0.2-2.5,0.7-8.1
c0.7-8.8,0.7-8.6,0.7-8.9c0.1-3,0-3.1,0.3-3.6c1.5-2.4,6.1-0.9,14.8-1c5.1-0.1,4.2-0.6,11.4-0.9c6-0.2,6.2,0.1,13.2,0
c3.2-0.1,7.5-0.2,12.9-0.7c4.7-0.4,6.4-0.8,9.5-0.6c2,0.1,3.1,0.3,5.2,0.1C232.3,347.3,233.1,346.9,233.8,347.3z"></path>
<path class="st0" d="M134.6,45.7c0.8-0.6,6.1-4.6,11.6-4.1c2.7,0.3,4.7,1.5,4.7,1.5c1.4,0.9,2.4,1.9,2.9,2.6"></path>
<path class="st0" d="M167.9,45.2c2.5-1.5,4.8-2.2,6.4-2.6c1.6-0.4,3-0.8,4.9-0.6c2.9,0.3,5.1,1.6,6.4,2.6"></path>
<path class="st0" d="M143.7,51.7c-1.9,0.2-2.9,2.9-3.5,4.4c-0.5,1.3-1.7,4.7,0,6.7c0.8,1,2.1,1.3,2.6,1.5c0.6,0.2,1.9,0.5,3.2,0
c2.1-0.8,2.7-3,2.9-3.5c0.5-1.7,0.2-3.1,0-3.8c-0.4-1.6-1.2-2.6-1.5-2.9C146.9,53.4,145.4,51.5,143.7,51.7z"></path>
<path class="st0" d="M176.9,51.7c-1.9,0.2-2.9,2.9-3.5,4.4c-0.5,1.3-1.7,4.7,0,6.7c0.8,1,2.1,1.3,2.6,1.5c0.6,0.2,1.9,0.5,3.2,0
c2.1-0.8,2.7-3,2.9-3.5c0.5-1.7,0.2-3.1,0-3.8c-0.4-1.6-1.2-2.6-1.5-2.9C180.1,53.4,178.6,51.5,176.9,51.7z"></path>
<path class="st0" d="M160.5,73.3c0,1.7,0,3.5,0,5.2c0,1.2,0,2.9,0,2.9l0,0c-0.4,1.8-0.1,2.6,0.3,2.9c0,0,0.4,0.3,2.9,0.3l0,0
c0.3,0.2,2,1.3,2.3,3.5c0.1,0.4,0.2,1.7-0.6,2.9c-0.9,1.2-2.6,1.8-4.4,1.5"></path>
<path class="st0" d="M146,101.2c1.4,0.9,3.5,2,6.1,2.9c1.7,0.6,3.4,1.2,5.8,1.5c0.8,0.1,4.6,0.4,9-1.2c2.9-1,4.9-2.4,6.4-3.5
c1.8-1.3,3.1-2.5,4.1-3.5"></path>
</svg>
</div>
</div>
JSFiddle File: https://jsfiddle.net/RaKa7/0hLxarfs/8/

SVG animation issue. SVG moves after animation ends

I've run into an issue when animating an SVG on hover. When you move the cursor away when the animation is done you can see the arrowheads move slightly by a pixel or two. Anyone know how to have them not move?
I am only animating the opacity of the arrowheads so I'm not sure why they shift.
Stack overflow wants me to add more details, but I've added all that I can to describe the problem, so I am just typing more words. Thanks for the help.
svg:hover .woven .st0 {
animation: offset 1.5s linear forwards;
animation-iteration-count: 1;
}
svg:hover .woven .st1 {
opacity: 0;
animation: opacity 1.5s linear forwards;
animation-iteration-count: 1;
}
#keyframes offset {
from {
stroke-dasharray: 0 50;
stroke-dashoffset: 0px;
}
to {
stroke-dasharray: 60 60;
stroke-dashoffset: 0px;
}
}
#keyframes opacity {
0% {
opacity: 0;
}
90% {
opacity: 0;
}
100% {
opacity: 1;
}
}
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1442.3 836.8" style="enable-background:new 0 0 1442.3 836.8;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#262322;stroke-width:2.0359;stroke-miterlimit:10;}
.st1{fill:#262322;}
.st2{fill:#C73130;stroke:#C73130;stroke-width:4.3;stroke-miterlimit:10;}
</style>
<g id="Layer_1" class="woven">
<g>
<g>
<g>
<g>
<line class="st0" x1="237.8" y1="680" x2="197.9" y2="719.9"/>
<g>
<path class="st1" d="M200.8,703.2c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C200.1,703.2,200.5,703.1,200.8,703.2z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="236.5" y1="681.3" x2="276.4" y2="641.4"/>
<g>
<path class="st1" d="M273.5,658.2c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3s0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C274.2,658.1,273.8,658.2,273.5,658.2z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="236.9" y1="682.1" x2="197" y2="642.2"/>
<g>
<path class="st1" d="M213.7,645.1c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9c0.2-0.2,0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C213.7,644.4,213.8,644.7,213.7,645.1z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="235.5" y1="680.7" x2="275.5" y2="720.7"/>
<g>
<path class="st1" d="M258.7,717.7c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9c-0.2,0.2-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C258.8,718.4,258.6,718.1,258.7,717.7z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="118.3" y1="591.7" x2="78.4" y2="631.6"/>
<g>
<path class="st1" d="M81.3,614.9c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C80.6,614.9,80.9,614.8,81.3,614.9z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="116.9" y1="593" x2="156.9" y2="553.1"/>
<g>
<path class="st1" d="M153.9,569.9c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8s0.2-1.1,0.8-1.2
l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3c0.2,0.2,0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C154.6,569.8,154.3,569.9,153.9,569.9z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="117.4" y1="593.8" x2="77.4" y2="553.8"/>
<g>
<path class="st1" d="M94.2,556.8c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2s-1.1-0.2-1.2-0.8
L75.4,553c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3C94.1,556.1,94.3,556.4,94.2,556.8z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="116" y1="592.4" x2="155.9" y2="632.3"/>
<g>
<path class="st1" d="M139.2,629.4c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C139.2,630.1,139.1,629.8,139.2,629.4z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="118.3" y1="415.3" x2="78.4" y2="455.2"/>
<g>
<path class="st1" d="M81.3,438.4c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8s-0.2,1.1-0.8,1.2
l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5C80.6,438.5,80.9,438.4,81.3,438.4z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="116.9" y1="416.6" x2="156.9" y2="376.7"/>
<g>
<path class="st1" d="M153.9,393.4c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8s0.2-1.1,0.8-1.2
l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3s0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5C154.6,393.4,154.3,393.5,153.9,393.4z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="117.4" y1="417.4" x2="77.4" y2="377.4"/>
<g>
<path class="st1" d="M94.2,380.4c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2s-1.1-0.2-1.2-0.8
l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3C94.1,379.7,94.3,380,94.2,380.4z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="116" y1="416" x2="155.9" y2="455.9"/>
<g>
<path class="st1" d="M139.2,453c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C139.2,453.7,139.1,453.4,139.2,453z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="118.3" y1="245.4" x2="78.4" y2="285.3"/>
<g>
<path class="st1" d="M81.3,268.5c0.5,0.1,0.9,0.7,0.8,1.2L78.7,285l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8c0.1,0.5-0.2,1.1-0.8,1.2
l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5C80.6,268.6,80.9,268.5,81.3,268.5z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="116.9" y1="246.7" x2="156.9" y2="206.8"/>
<g>
<path class="st1" d="M153.9,223.5c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3c0.2,0.2,0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C154.6,223.5,154.3,223.6,153.9,223.5z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="117.4" y1="247.5" x2="77.4" y2="207.5"/>
<g>
<path class="st1" d="M94.2,210.5c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C94.1,209.8,94.3,210.1,94.2,210.5z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="116" y1="246.1" x2="155.9" y2="286"/>
<g>
<path class="st1" d="M139.2,283.1c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C139.2,283.8,139.1,283.4,139.2,283.1z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="237.8" y1="504.1" x2="197.9" y2="544"/>
<g>
<path class="st1" d="M200.8,527.3c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C200.1,527.3,200.5,527.2,200.8,527.3z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="236.5" y1="505.4" x2="276.4" y2="465.5"/>
<g>
<path class="st1" d="M273.5,482.3c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3s0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C274.2,482.2,273.8,482.3,273.5,482.3z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="236.9" y1="506.2" x2="197" y2="466.2"/>
<g>
<path class="st1" d="M213.7,469.2c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C213.7,468.5,213.8,468.8,213.7,469.2z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="235.5" y1="504.8" x2="275.5" y2="544.7"/>
<g>
<path class="st1" d="M258.7,541.8c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C258.8,542.5,258.6,542.2,258.7,541.8z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="237.8" y1="328" x2="197.9" y2="367.9"/>
<g>
<path class="st1" d="M200.8,351.1c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C200.1,351.2,200.5,351.1,200.8,351.1z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="236.5" y1="329.3" x2="276.4" y2="289.4"/>
<g>
<path class="st1" d="M273.5,306.1c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3s0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C274.2,306.1,273.8,306.2,273.5,306.1z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="236.9" y1="330" x2="197" y2="290.1"/>
<g>
<path class="st1" d="M213.7,293c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C213.7,292.3,213.8,292.7,213.7,293z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="235.5" y1="328.7" x2="275.5" y2="368.6"/>
<g>
<path class="st1" d="M258.7,365.7c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C258.8,366.4,258.6,366,258.7,365.7z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="237.8" y1="151.9" x2="197.9" y2="191.9"/>
<g>
<path class="st1" d="M200.8,175.1c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3c-0.2-0.2-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C200.1,175.1,200.5,175,200.8,175.1z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="236.5" y1="153.3" x2="276.4" y2="113.4"/>
<g>
<path class="st1" d="M273.5,130.1c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3c0.2,0.2,0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C274.2,130.1,273.8,130.2,273.5,130.1z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="236.9" y1="154" x2="197" y2="114.1"/>
<g>
<path class="st1" d="M213.7,117c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9c0.2-0.2,0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C213.7,116.3,213.8,116.7,213.7,117z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="235.5" y1="152.7" x2="275.5" y2="192.6"/>
<g>
<path class="st1" d="M258.7,189.7c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C258.8,190.4,258.6,190,258.7,189.7z"/>
</g>
</g>
</g>
</g>
<circle class="st2" cx="117.1" cy="681" r="7.9"/>
<circle class="st2" cx="117.1" cy="505.1" r="7.9"/>
<circle class="st2" cx="117.1" cy="329" r="7.9"/>
<circle class="st2" cx="117.1" cy="153" r="7.9"/>
<circle class="st2" cx="236.7" cy="768.9" r="7.9"/>
<circle class="st2" cx="236.7" cy="592.7" r="7.9"/>
<circle class="st2" cx="236.7" cy="416.3" r="7.9"/>
<circle class="st2" cx="236.7" cy="65" r="7.9"/>
<circle class="st2" cx="236.7" cy="246.4" r="7.9"/>
<g>
<g>
<g>
<line class="st0" x1="476.9" y1="680" x2="437" y2="719.9"/>
<g>
<path class="st1" d="M439.9,703.2c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C439.2,703.2,439.6,703.1,439.9,703.2z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="475.6" y1="681.3" x2="515.5" y2="641.4"/>
<g>
<path class="st1" d="M512.6,658.2c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3s0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C513.3,658.1,512.9,658.2,512.6,658.2z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="476" y1="682.1" x2="436.1" y2="642.2"/>
<g>
<path class="st1" d="M452.8,645.1c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2s-1.1-0.2-1.2-0.8
l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9c0.2-0.2,0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C452.8,644.4,452.9,644.7,452.8,645.1z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="474.6" y1="680.7" x2="514.6" y2="720.7"/>
<g>
<path class="st1" d="M497.8,717.7c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9c-0.2,0.2-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C497.8,718.4,497.7,718.1,497.8,717.7z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="357.4" y1="591.7" x2="317.4" y2="631.6"/>
<g>
<path class="st1" d="M320.4,614.9c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C319.7,614.9,320,614.8,320.4,614.9z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="356" y1="593" x2="395.9" y2="553.1"/>
<g>
<path class="st1" d="M393,569.9c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3c0.2,0.2,0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C393.7,569.8,393.4,569.9,393,569.9z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="356.4" y1="593.8" x2="316.5" y2="553.8"/>
<g>
<path class="st1" d="M333.3,556.8c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C333.2,556.1,333.3,556.4,333.3,556.8z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="355.1" y1="592.4" x2="395" y2="632.3"/>
<g>
<path class="st1" d="M378.3,629.4c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C378.3,630.1,378.2,629.8,378.3,629.4z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="357.4" y1="415.3" x2="317.4" y2="455.2"/>
<g>
<path class="st1" d="M320.4,438.4c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C319.7,438.5,320,438.4,320.4,438.4z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="356" y1="416.6" x2="395.9" y2="376.7"/>
<g>
<path class="st1" d="M393,393.4c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3s0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C393.7,393.4,393.4,393.5,393,393.4z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="356.4" y1="417.4" x2="316.5" y2="377.4"/>
<g>
<path class="st1" d="M333.3,380.4c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C333.2,379.7,333.3,380,333.3,380.4z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="355.1" y1="416" x2="395" y2="455.9"/>
<g>
<path class="st1" d="M378.3,453c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2s1.1,0.2,1.2,0.8
l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3C378.3,453.7,378.2,453.4,378.3,453z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="357.4" y1="245.4" x2="317.4" y2="285.3"/>
<g>
<path class="st1" d="M320.4,268.5c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C319.7,268.6,320,268.5,320.4,268.5z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="356" y1="246.7" x2="395.9" y2="206.8"/>
<g>
<path class="st1" d="M393,223.5c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3c0.2,0.2,0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C393.7,223.5,393.4,223.6,393,223.5z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="356.4" y1="247.5" x2="316.5" y2="207.5"/>
<g>
<path class="st1" d="M333.3,210.5c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C333.2,209.8,333.3,210.1,333.3,210.5z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="355.1" y1="246.1" x2="395" y2="286"/>
<g>
<path class="st1" d="M378.3,283.1c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2s1.1,0.2,1.2,0.8
l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3C378.3,283.8,378.2,283.4,378.3,283.1z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="476.9" y1="504.1" x2="437" y2="544"/>
<g>
<path class="st1" d="M439.9,527.3c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8
c0.1,0.5-0.2,1.1-0.8,1.2l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5
C439.2,527.3,439.6,527.2,439.9,527.3z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="475.6" y1="505.4" x2="515.5" y2="465.5"/>
<g>
<path class="st1" d="M512.6,482.3c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3s0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C513.3,482.2,512.9,482.3,512.6,482.3z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="476" y1="506.2" x2="436.1" y2="466.2"/>
<g>
<path class="st1" d="M452.8,469.2c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3L452,468c0.2,0,0.4,0.1,0.5,0.3
C452.8,468.5,452.9,468.8,452.8,469.2z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="474.6" y1="504.8" x2="514.6" y2="544.7"/>
<g>
<path class="st1" d="M497.8,541.8c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C497.8,542.5,497.7,542.2,497.8,541.8z"/>
</g>
</g>
</g>
</g>
<g>
<g>
<g>
<line class="st0" x1="476.9" y1="328" x2="437" y2="367.9"/>
<g>
<path class="st1" d="M439.9,351.1c0.5,0.1,0.9,0.7,0.8,1.2l-3.4,15.2l15.2-3.4c0.5-0.1,1.1,0.2,1.2,0.8s-0.2,1.1-0.8,1.2
l-16.8,3.7c-0.3,0.1-0.7,0-0.9-0.3s-0.3-0.6-0.3-0.9l3.7-16.8c0-0.2,0.1-0.4,0.3-0.5C439.2,351.2,439.6,351.1,439.9,351.1z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="475.6" y1="329.3" x2="515.5" y2="289.4"/>
<g>
<path class="st1" d="M512.6,306.1c-0.5-0.1-0.9-0.7-0.8-1.2l3.4-15.2l-15.2,3.4c-0.5,0.1-1.1-0.2-1.2-0.8
c-0.1-0.5,0.2-1.1,0.8-1.2l16.8-3.7c0.3-0.1,0.7,0,0.9,0.3s0.3,0.6,0.3,0.9l-3.7,16.8c0,0.2-0.1,0.4-0.3,0.5
C513.3,306.1,512.9,306.2,512.6,306.1z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="476" y1="330" x2="436.1" y2="290.1"/>
<g>
<path class="st1" d="M452.8,293c-0.1,0.5-0.7,0.9-1.2,0.8l-15.2-3.4l3.4,15.2c0.1,0.5-0.2,1.1-0.8,1.2
c-0.5,0.1-1.1-0.2-1.2-0.8l-3.7-16.8c-0.1-0.3,0-0.7,0.3-0.9s0.6-0.3,0.9-0.3l16.8,3.7c0.2,0,0.4,0.1,0.5,0.3
C452.8,292.3,452.9,292.7,452.8,293z"/>
</g>
</g>
</g>
<g>
<g>
<line class="st0" x1="474.6" y1="328.7" x2="514.6" y2="368.6"/>
<g>
<path class="st1" d="M497.8,365.7c0.1-0.5,0.7-0.9,1.2-0.8l15.2,3.4l-3.4-15.2c-0.1-0.5,0.2-1.1,0.8-1.2
c0.5-0.1,1.1,0.2,1.2,0.8l3.7,16.8c0.1,0.3,0,0.7-0.3,0.9s-0.6,0.3-0.9,0.3l-16.8-3.7c-0.2,0-0.4-0.1-0.5-0.3
C497.8,366.4,497.7,366,497.8,365.7z"/>
</g>
</g>
</g>
</g>
<g id="Layer_2">
</g>
</svg>

Looks to me like a bug in Chrome. It doesn't seem to happen in Firefox.
It looks like it's perhaps a compositing error. The arrowheads are moving slightly to the left when their opacity becomes 1.
I would recommend you report it to Chrome, and then please post the bug number here for the benefit of other readers.

Apply similar Fill Effect with 2 SVG icons

I'm new to SVG and I am trying to apply my first hover effect icon on the other two icons.
Here's what I have: http://jsfiddle.net/uhkwLuph/20/
Now my problem is I need to apply this effect on the other 2 icons but for some reason I got stuck and can't figure it out. For some reason it just wont work.
Here's the svg codes files that I have.
<!---ICON LIST--->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px"
height="200px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
<style type="text/css">
.st0{display:inline;fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;}
.st1{display:inline;fill:none;stroke:#E6E6E6;stroke-width:4;stroke-miterlimit:10;}
.st2{fill:none;stroke:#E6E6E6;stroke-width:4;stroke-miterlimit:10;}
.st3{display:inline;fill:none;stroke:#F2F2F2;stroke-width:4;stroke-miterlimit:10;}
.st4{fill:none;stroke:#F2F2F2;stroke-width:4;stroke-miterlimit:10;}
</style>
<g id="Layer_1" class="st5">
<path class="st0" d="M247,180"/>
</g>
<g id="icon_2_">
<path class="st2" d="M155.5,70.5c0,5.799-4.701,10.5-10.5,10.5H55.5C49.701,81,45,76.299,45,70.5l0,0C45,64.701,49.701,60,55.5,60
H145C150.799,60,155.5,64.701,155.5,70.5L155.5,70.5z"/>
<path class="st2" d="M155.5,100.5c0,5.799-4.701,10.5-10.5,10.5H55.5c-5.799,0-10.5-4.701-10.5-10.5l0,0
C45,94.701,49.701,90,55.5,90H145C150.799,90,155.5,94.701,155.5,100.5L155.5,100.5z"/>
<path class="st2" d="M155.5,130.5c0,5.799-4.701,10.5-10.5,10.5H55.5c-5.799,0-10.5-4.701-10.5-10.5l0,0
c0-5.799,4.701-10.5,10.5-10.5H145C150.799,120,155.5,124.701,155.5,130.5L155.5,130.5z"/>
</g>
<g id="icon_1_" class="st5">
<rect x="45.25" y="71.5" class="st1" width="111.5" height="58"/>
<polyline class="st1" points="45.25,74.167 101,101.167 156.75,73.5 "/>
</g>
<g id="container">
<circle class="st4" cx="101" cy="99" r="89.333"/>
</g>
<g id="icon" class="st5">
<path class="st3" d="M146.899,134.202c3.856,4.702,2.772,11.963-2.418,16.218l0,0c-5.192,4.258-12.523,3.896-16.38-0.806
l-30.004-36.594c-3.855-4.701-2.772-11.964,2.418-16.22l0,0c5.19-4.256,12.523-3.895,16.377,0.808L146.899,134.202z"/>
<circle class="st3" cx="77.843" cy="72.434" r="33.331"/>
<circle class="st3" cx="77.844" cy="72.434" r="22.343"/>
</g>
</svg>
<!---ICON ENVELOPE --->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve" id="icon2">
<style type="text/css">
.st2{display:inline;fill:none;stroke:#F2F2F2;stroke-width:4;stroke-miterlimit:10;}
.st3{fill:none;stroke:#ffffff;stroke-width:4;stroke-miterlimit:10;}
</style>
<g id="container">
<circle class="st3" cx="101" cy="99" r="89.333"/>
</g>
<g id="icon" class="st4">
<path class="st2" d="M146.899,134.202c3.856,4.702,2.772,11.963-2.418,16.218l0,0c-5.192,4.258-12.523,3.896-16.38-0.806
l-30.004-36.594c-3.855-4.701-2.772-11.964,2.418-16.22l0,0c5.19-4.256,12.523-3.895,16.377,0.808L146.899,134.202z"/>
<circle class="st2" cx="77.843" cy="72.434" r="33.331"/>
<circle class="st2" cx="77.844" cy="72.434" r="22.343"/>
</g>
</svg>
You can check the JSFIDDLE of these two here:
http://jsfiddle.net/21at30qm/ - List Icon
http://jsfiddle.net/fnq0zwsu/ - Envelope Icon
Thanks in advance.

You have to apply the class st0 to all path, circle, polygon and rect elements and add the .fill circle element that grows on :hover to all icons.
You have ids that are not unique, I've changed them to classes. ids must be unqiue.
Updated Fiddle
body {
background: #27ae60;
}
.st0 {
fill: none;
stroke: #F2F2F2;
stroke-width: 4;
stroke-miterlimit: 10;
}
.icon .st0 {
-webkit-transition: .5s;
transition: .5s;
}
.icon .fill {
-webkit-transition: .5s;
transition: .5s;
fill: #ffffff;
}
.icon:hover {
cursor: pointer;
}
.icon:hover .st0 {
stroke: #1f8a4c;
}
.icon:hover .fill {
-webkit-transform: scale(893, 893);
transform: scale(893, 893);
}
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve" class="icon">
<g transform="translate(101,99)">
<circle class="fill" r="0.1" />
</g>
<g class="container">
<circle class="st0" cx="101" cy="99" r="89.333" />
</g>
<g class="icon-details">
<path class="st0" d="M146.899,134.202c3.856,4.702,2.772,11.963-2.418,16.218l0,0c-5.192,4.258-12.523,3.896-16.38-0.806
l-30.004-36.594c-3.855-4.701-2.772-11.964,2.418-16.22l0,0c5.19-4.256,12.523-3.895,16.377,0.808L146.899,134.202z" />
<circle class="st0" cx="77.843" cy="72.434" r="33.331" />
<circle class="st0" cx="77.844" cy="72.434" r="22.343" />
</g>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve" class="icon">
<g transform="translate(101,99)">
<circle class="fill" r="0.1" />
</g>
<g class="Layer_1">
<path class="st0" d="M247,180" />
</g>
<g class="icon_1_">
<rect class="st0" x="45.25" y="71.5" class="st1" width="111.5" height="58" />
<polyline class="st0" points="45.25,74.167 101,101.167 156.75,73.5 " />
</g>
<g class="container">
<circle class="st0" cx="101" cy="99" r="89.333" />
</g>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="200px" height="200px" viewBox="0 0 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve" class="icon">
<g transform="translate(101,99)">
<circle class="fill" r="0.1" />
</g>
<g class="Layer_1" class="st5">
<path class="h0" d="M247,180" />
</g>
<g class="icon_2_">
<path class="st0" d="M155.5,70.5c0,5.799-4.701,10.5-10.5,10.5H55.5C49.701,81,45,76.299,45,70.5l0,0C45,64.701,49.701,60,55.5,60
H145C150.799,60,155.5,64.701,155.5,70.5L155.5,70.5z" />
<path class="st0" d="M155.5,100.5c0,5.799-4.701,10.5-10.5,10.5H55.5c-5.799,0-10.5-4.701-10.5-10.5l0,0
C45,94.701,49.701,90,55.5,90H145C150.799,90,155.5,94.701,155.5,100.5L155.5,100.5z" />
<path class="st0" d="M155.5,130.5c0,5.799-4.701,10.5-10.5,10.5H55.5c-5.799,0-10.5-4.701-10.5-10.5l0,0
c0-5.799,4.701-10.5,10.5-10.5H145C150.799,120,155.5,124.701,155.5,130.5L155.5,130.5z" />
</g>
<g class="container">
<circle class="st0" cx="101" cy="99" r="89.333" />
</g>
</svg>