morph-circle-triangle2.svg

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 60" xml:space="preserve" data-animoptions="{'duration':'0.2'}">
	<g class="lievo-main">
		<g class="lievo-morphstartstate">
			<g class="lievo-common">
				<path class="lievo-morphimage lievo-altstroke" fill="#29C5FF" stroke="#1297E0" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M30,5c13.81,0,25,11.19,25,25c0,13.81-11.19,25-25,25C16.19,55,5,43.81,5,30C5,16.19,16.19,5,30,5z" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'morphSVG':{
										'shape':'M9.4,5.2c0.32-0.27,0.82-0.28,1.37,0.05l40.5,23.72c0.98,0.57,0.98,1.5,0,2.07l-40.5,23.72C9.79,55.33,9,54.87,9,53.73V6.27C9,5.78,9.15,5.41,9.4,5.2z',
										'shapeIndex':'6'
									}
								}
							}
						]
					}
				"/>
			</g>
		</g>

		<g class="lievo-morphendstate">
			<g class="lievo-common">
				<path class="lievo-morphimage lievo-altstroke" fill="#29C5FF" stroke="#1297E0" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M9.4,5.2c0.32-0.27,0.82-0.28,1.37,0.05l40.5,23.72c0.98,0.57,0.98,1.5,0,2.07l-40.5,23.72C9.79,55.33,9,54.87,9,53.73V6.27C9,5.78,9.15,5.41,9.4,5.2z" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'morphSVG':{
										'shape':'M30,5c13.81,0,25,11.19,25,25c0,13.81-11.19,25-25,25C16.19,55,5,43.81,5,30C5,16.19,16.19,5,30,5z',
										'shapeIndex':'6'
									}
								}
							}
						]
					}
				"/>
			</g>
		</g>
	</g>
</svg>