Я буду делать анимацию пути, как здесь, там используется Path
https://codepen.io/chriscoyier/pen/bGyoz
Хочется понять как это работает? Сейчас, после нажатия "Разобрать" получил.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 166.7 322.03" style="enable-background:new 0 0 166.7 322.03;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
</style>
<g>
<g>
<rect x="1.54" y="313.92" transform="matrix(0.7755 -0.6314 0.6314 0.7755 -199.3876 74.1277)" class="st0" width="6" height="7"/>
</g>
<g>
<rect x="16.47" y="298.31" transform="matrix(0.7756 -0.6312 0.6312 0.7756 -185.1911 82.6924)" class="st0" width="14.48" height="7"/>
</g>
<g>
<polygon class="st0" points="42.77,290.82 38.35,285.39 41.51,282.81 41.04,278.76 48,277.95 48.91,285.82 "/>
</g>
<g>
<path class="st0" d="M39.72,267.34l-1.32-11.42l6.95-0.81l1.32,11.42L39.72,267.34z M37.07,244.51l-1.32-11.42l6.95-0.81
l1.32,11.42L37.07,244.51z"/>
</g>
<g>
<polygon class="st0" points="34.42,221.68 33.48,213.56 40.35,209.12 44.15,214.99 40.94,217.07 41.38,220.87 "/>
</g>
<g>
<polygon class="st0" points="51.07,210.51 47.27,204.64 50.61,202.47 50.41,198.5 57.4,198.15 57.81,206.15 "/>
</g>
<g>
<path class="st0" d="M49.73,185.1l-0.68-13.4l6.99-0.35l0.68,13.4L49.73,185.1z M48.37,158.29l-0.68-13.4l6.99-0.35l0.68,13.4
L48.37,158.29z"/>
</g>
<g>
<polygon class="st0" points="47.02,131.48 46.55,122.28 55.68,121.04 56.63,127.97 53.87,128.35 54.01,131.13 "/>
</g>
<g>
<path class="st0" d="M69.64,126.2l-0.94-6.94l13.02-1.77l0.94,6.94L69.64,126.2z M95.67,122.67l-0.94-6.94l13.02-1.77l0.94,6.94
L95.67,122.67z M121.7,119.13l-0.94-6.94l13.02-1.77l0.94,6.94L121.7,119.13z"/>
</g>
<g>
<polygon class="st0" points="147.74,115.59 146.79,108.65 149.97,108.22 150.26,105.02 157.23,105.65 156.45,114.41 "/>
</g>
<g>
<path class="st0" d="M158.23,94.65l-6.97-0.63l0.99-11.01l6.97,0.63L158.23,94.65z M160.21,72.64l-6.97-0.63L154.23,61l6.97,0.63
L160.21,72.64z M162.19,50.63L155.22,50l0.99-11.01l6.97,0.63L162.19,50.63z M164.17,28.61l-6.97-0.63l0.99-11.01l6.97,0.63
L164.17,28.61z"/>
</g>
<g>
<rect x="159.94" y="-0.2" transform="matrix(0.0897 -0.996 0.996 0.0897 145.0353 165.2891)" class="st0" width="6" height="7"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
