morph-rounded-smooth.svg 1.48 KB
Newer Older
f3brysan committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
<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,5h13c6.63,0,12,5.37,12,12v13v13c0,6.63-5.37,12-12,12H30H17c-6.63,0-12-5.37-12-12V30V17c0-6.63,5.37-12,12-12H30z" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'morphSVG':{
										'shape':'M30,5c18.49,0,25,6.51,25,25s-6.51,25-25,25S5,48.49,5,30S11.51,5,30,5z',
										'shapeIndex':'0'
									}
								}
							}
						]
					}
				"/>
			</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="M30,5c18.49,0,25,6.51,25,25s-6.51,25-25,25S5,48.49,5,30S11.51,5,30,5z" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'morphSVG':{
										'shape':'M30,5h13c6.63,0,12,5.37,12,12v13v13c0,6.63-5.37,12-12,12H30H17c-6.63,0-12-5.37-12-12V30V17c0-6.63,5.37-12,12-12H30z',
										'shapeIndex':'0'
									}
								}
							}
						]
					}
				"/>
			</g>
		</g>
	</g>
</svg>