animate24.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
 
  width="200" height="200" viewBox="-30 85 600 600" 
 style="border:0px dotted red;">
  <title>The animation is drawing lines</title>
  <desk>Animation pictures of a lion made by the author of website svg-art.ru. I will be thankful who will tell of the author's image of a lion, taken as the basis.
  </desk>
 
	 
          	 
       <path class="path" fill="none" stroke-width="2" stroke ="black" stroke-dasharray= "2000" stroke-dashoffset="2000" 
       
       
       
       
         d="m 171.95526,77.071109 v 16.14372 H 57.155465 v 47.434631 h 92.278305 v 16.34303 H 57.155465 v 47.43464 H 171.95526 v 16.14372 H 41.011745 V 77.071109 Z"
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:Orbitron;-inkscape-font-specification:Orbitron;stroke-width:0.26458329">

       
   

   
   
	 <animate id="p1" attributeName="stroke-dashoffset" begin="0.1s;f1.end+0.1s" values="2000;0;2000" dur="8s" 
	 calcMode="linear"/> 
	 <animate id="f1" attributeName="fill" begin="p1.end-0.01s" values="white; white; white" dur="0.1s"  
	 calcMode="linear" />
     
     
     
	</path>

		
</svg>