wind-south.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':'1.5', 'repeat':'0', 'repeatDelay':'0'}">
	<g class="lievo-main">
		<g class="lievo-common">
			<path class="lievo-altstroke" fill="#F1C40F" stroke="#F39C12" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M30,8l13,41l-13-6l-13,6L30,8z" data-animdata="
				{
					'steps':[
						{
							'duration':'2',
							'position':'0',
							'vars':{
								'rotation':'-=10',
								'svgOrigin':'30 30',
								'ease':'Circ.easeOut'
							}
						},
						{
							'duration':'3',
							'position':'2',
							'vars':{
								'rotation':'+=25',
								'ease':'Circ.easeInOut'
							}
						},
						{
							'duration':'2',
							'position':'5',
							'vars':{
								'rotation':'0'
							}
						}
					]
				}
			"/>
		</g>
	</g>
</svg>