morph-heart.svg 1.84 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
<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-altstroke" fill="#D73C2C" stroke="#B71C0C" stroke-width="2" stroke-miterlimit="10" d="M31.5,43L33,33l-10-8l4.12-8.87c-7.16-7.14-15.04-4.65-19.14,0.15C3.47,21.54,3.69,29.54,9.36,34.2C15.04,38.86,23,44,30,49c7-5,14.88-10.15,20.55-14.81c5.67-4.66,6.08-12.65,1.57-17.91c-4.32-5.06-12.35-7.03-19.24-0.16L29,25l8,8L31.5,43z" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'path':'M30,16L30,16L30,16L30,16c-6.51-7.73-14.57-5.95-19.08-1.52c-4.95,4.85-5.43,12.84-0.19,17.98S23,43,30,49c7-6,13.94-11.4,19.18-16.54c5.24-5.14,4.95-13.13,0-17.98C44.43,9.82,36.26,8.55,30,16L30,16L30,16L30,16z',
									'ease':'Power1.easeImOut'
								}
							}
						]
					}
				"/>
			</g>
		</g>

		<g class="lievo-morphendstate">
			<g class="lievo-common">
				<path class="lievo-altstroke" fill="#D73C2C" stroke="#B71C0C" stroke-width="2" stroke-miterlimit="10" d="M30,16L30,16L30,16L30,16c-6.51-7.73-14.57-5.95-19.08-1.52c-4.95,4.85-5.43,12.84-0.19,17.98S23,43,30,49c7-6,13.94-11.4,19.18-16.54c5.24-5.14,4.95-13.13,0-17.98C44.43,9.82,36.26,8.55,30,16L30,16L30,16L30,16z" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'path':'M31.5,43L33,33l-10-8l4.12-8.87c-7.16-7.14-15.04-4.65-19.14,0.15C3.47,21.54,3.69,29.54,9.36,34.2C15.04,38.86,23,44,30,49c7-5,14.88-10.15,20.55-14.81c5.67-4.66,6.08-12.65,1.57-17.91c-4.32-5.06-12.35-7.03-19.24-0.16L29,25l8,8L31.5,43z',
									'ease':'Power1.easeImOut'
								}
							}
						]
					}
				"/>
			</g>
		</g>
	</g>
</svg>