rocket.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':'2', 'repeat':'0', 'repeatDelay':'0.7'}">
	<g class="lievo-main">
		<g class="lievo-filledicon lievo-lineicon">
			<g data-animdata="
					{
						'steps':[
							{
								'duration':'16',
								'position':'24',
								'vars':{
									'y':'-=68',
									'ease':'Power2.easeIn'
								}
							},
							{
								'duration':'0',
								'position':'60',
								'vars':{
									'opacity':'0'
								}
							},
							{
								'duration':'0',
								'vars':{
									'y':'+=140'
								}
							},
							{
								'duration':'0',
								'vars':{
									'opacity':'1'
								}
							},
							{
								'duration':'10',
								'position':'+=10',
								'vars':{
									'y':'0',
									'ease':'Power1.easeOut'
								}
							}
						]
					}
				">
				<path class="lievo-donotdraw lievo-likestroke lievo-altstroke" fill="#F39C12" stroke="#F39C12" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M31.02,45.53c-0.62-0.27-1.3-0.42-2.02-0.42c-0.73,0-1.42,0.16-2.04,0.43v-0.1C27.58,45.16,28.27,45,29,45c0.72,0,1.4,0.15,2.02,0.42V45.53z" opacity="0" data-animdata="
					{
						'steps':[
							{
								'duration':'16',
								'position':'10',
								'vars':{
									'opacity':'1',
									'path':'M31.02,83.06c-0.39,0-1.3,0-2.02,0c-0.73,0-1.42,0-2.04,0V45.43C27.58,45.16,28.27,45,29,45c0.72,0,1.4,0.15,2.02,0.42V83.06z',
									'ease':'Power1.easeIn'
								}
							},
							{
								'duration':'16',
								'vars':{
									'opacity':'1',
									'path':'M51.02,142.06c-0.39,0-21.3,0-22.02,0c-0.73,0-21.42,0-22.04,0l20-96.63C27.58,45.16,28.27,45,29,45c0.72,0,1.4,0.15,2.02,0.42L51.02,142.06z'
								}
							},
							{
								'duration':'10',
								'vars':{
									'opacity':'0',
									'path':'M61.02,142.06c-0.39,0-31.3,0-32.02,0c-0.73,0-31.42,0-32.04,0l20-96.63C17.58,45.16,28.27,45,29,45c0.72,0,11.4,0.15,12.02,0.42L61.02,142.06z'
								}
							},
							{
								'duration':'0',
								'vars':{
									'path':'M31.02,45.53c-0.62-0.27-1.3-0.42-2.02-0.42c-0.73,0-1.42,0.16-2.04,0.43v-0.1C27.58,45.16,28.27,45,29,45c0.72,0,1.4,0.15,2.02,0.42V45.53z'
								}
							}
						]
					}
				"/>

				<g data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'rotation':'-=2',
									'svgOrigin':'29 23'
								}
							},
							{
								'duration':'2',
								'vars':{
									'rotation':'+=4',
									'repeat':'7',
									'repeatDelay':'0',
									'yoyo':'true'
								}
							},
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'rotation':'0'
								}
							}
						]
					}
				">
					<path fill="#4C5A69" stroke="#34495E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M37.88,36.88c0,0,0.7,0.48,1.56,1.06S41,39.9,41,41v12c0,0-4-7-6.76-7.72"/>
				
					<path fill="#4C5A69" stroke="#34495E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M20.13,36.88c0,0-0.7,0.48-1.56,1.06S17,39.9,17,41v12c0,0,4-7,6.76-7.72"/>
				
					<path fill="#F3825B" stroke="#D3623B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M29,45c1.37,0,2.61,0.55,3.52,1.45C35.74,43.46,39,36.46,39,27.98C39,16.66,30,7,29,7s-10,9.66-10,20.98c0,8.48,3.26,15.49,6.48,18.47C26.39,45.55,27.63,45,29,45z"/>
				
					<line fill="none" stroke="#34495E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="29" y1="37" x2="29" y2="53"/>
				
					<circle class="lievo-altstroke" fill="#d0f2fb" stroke="#D3623B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="29" cy="23" r="4"/>
				</g>
			</g>
		</g>

		<g class="lievo-solidicon">
			<g data-animdata="
					{
						'steps':[
							{
								'duration':'16',
								'position':'24',
								'vars':{
									'y':'-=68',
									'ease':'Power2.easeIn'
								}
							},
							{
								'duration':'0',
								'position':'60',
								'vars':{
									'opacity':'0'
								}
							},
							{
								'duration':'0',
								'vars':{
									'y':'+=140'
								}
							},
							{
								'duration':'0',
								'vars':{
									'opacity':'1'
								}
							},
							{
								'duration':'10',
								'position':'+=10',
								'vars':{
									'y':'0',
									'ease':'Power1.easeOut'
								}
							}
						]
					}
				">
				<path class="lievo-donotdraw lievo-likestroke lievo-altstroke" fill="#F39C12" stroke="#F39C12" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M31.02,45.53c-0.62-0.27-1.3-0.42-2.02-0.42c-0.73,0-1.42,0.16-2.04,0.43v-0.1C27.58,45.16,28.27,45,29,45c0.72,0,1.4,0.15,2.02,0.42V45.53z" opacity="0" data-animdata="
					{
						'steps':[
							{
								'duration':'16',
								'position':'10',
								'vars':{
									'opacity':'1',
									'path':'M31.02,83.06c-0.39,0-1.3,0-2.02,0c-0.73,0-1.42,0-2.04,0V45.43C27.58,45.16,28.27,45,29,45c0.72,0,1.4,0.15,2.02,0.42V83.06z',
									'ease':'Power1.easeIn'
								}
							},
							{
								'duration':'16',
								'vars':{
									'opacity':'1',
									'path':'M51.02,142.06c-0.39,0-21.3,0-22.02,0c-0.73,0-21.42,0-22.04,0l20-96.63C27.58,45.16,28.27,45,29,45c0.72,0,1.4,0.15,2.02,0.42L51.02,142.06z'
								}
							},
							{
								'duration':'10',
								'vars':{
									'opacity':'0',
									'path':'M61.02,142.06c-0.39,0-31.3,0-32.02,0c-0.73,0-31.42,0-32.04,0l20-96.63C17.58,45.16,28.27,45,29,45c0.72,0,11.4,0.15,12.02,0.42L61.02,142.06z'
								}
							},
							{
								'duration':'0',
								'vars':{
									'path':'M31.02,45.53c-0.62-0.27-1.3-0.42-2.02-0.42c-0.73,0-1.42,0.16-2.04,0.43v-0.1C27.58,45.16,28.27,45,29,45c0.72,0,1.4,0.15,2.02,0.42V45.53z'
								}
							}
						]
					}
				"/>

				<g data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'rotation':'-=2',
									'svgOrigin':'29 23'
								}
							},
							{
								'duration':'2',
								'vars':{
									'rotation':'+=4',
									'repeat':'7',
									'repeatDelay':'0',
									'yoyo':'true'
								}
							},
							{
								'duration':'1',
								'position':'0',
								'vars':{
									'rotation':'0'
								}
							}
						]
					}
				">
					<path fill="#DADFE1" stroke="#34495E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M37.88,36.88c0,0,0.7,0.48,1.56,1.06S41,39.9,41,41v12c0,0-4-7-6.76-7.72"/>
				
					<path fill="#DADFE1" stroke="#34495E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M20.13,36.88c0,0-0.7,0.48-1.56,1.06S17,39.9,17,41v12c0,0,4-7,6.76-7.72"/>
				
					<path fill="#BDC3C7" stroke="#34495E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M29,45c1.37,0,2.61,0.55,3.52,1.45C35.74,43.46,39,36.46,39,27.98C39,16.66,30,7,29,7s-10,9.66-10,20.98c0,8.48,3.26,15.49,6.48,18.47C26.39,45.55,27.63,45,29,45z"/>
				
					<line fill="none" stroke="#34495E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="29" y1="37" x2="29" y2="53"/>
				
					<circle class="lievo-solidbg" fill="#6BB9F0" stroke="#34495E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" cx="29" cy="23" r="3"/>
				</g>
			</g>
		</g>
	</g>
</svg>