narrow-screen.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.4', 'repeat':'0', 'repeatDelay':'0.5'}">
	<g class="lievo-main">
		<g class="lievo-filledicon lievo-lineicon">
			<polyline class="lievo-altstroke" fill="#ECF0F1" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="30,15 51,15 51,45 9,45 9,15 30,15" data-animdata="
				{
					'steps':[
						{
							'duration':'1',
							'position':'0',
							'vars':{
								'morphSVG':{
									'shape':'30,17 47,17 47,43 13,43 13,17 30,17',
									'shapeIndex':'0'
								},
								'repeat':'1',
								'repeatDelay':'1',
								'yoyo':'true',
								'ease':'Power2.easeOut'
							}
						}
					]
				}
			"/>
		</g>

		<g class="lievo-solidicon">
			<polyline fill="#ECF0F1" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" points="30,15 51,15 51,45 9,45 9,15 30,15" data-animdata="
				{
					'steps':[
						{
							'duration':'1',
							'position':'0',
							'vars':{
								'morphSVG':{
									'shape':'30,17 47,17 47,43 13,43 13,17 30,17',
									'shapeIndex':'0'
								},
								'repeat':'1',
								'repeatDelay':'1',
								'yoyo':'true',
								'ease':'Power2.easeOut'
							}
						}
					]
				}
			"/>
		</g>
	</g>
</svg>