remove.svg 3.78 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 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172
<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.2', 'repeat':'0', 'repeatDelay':'0.5'}">
	<g class="lievo-main">
		<g class="lievo-filledicon lievo-lineicon">
			<g data-animdata="
				{
					'steps':[
						{
							'duration':'0.2',
							'vars':{
								'opacity':'0'
							},
							'position':'3.7'
						},
						{
							'duration':'1',
							'vars':{
								'opacity':'1'
							},
							'position':'6'
						}
					]
				}
			">
				<line class="lievo-altstroke" fill="none" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="10" y1="10" x2="50" y2="50" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'vars':{
									'attr':{'x1':'30', 'y1':'30'},
									'ease':'Power1.easeOut'
								},
								'position':'0'
							},
							{
								'duration':'1',
								'vars':{
									'attr':{'x2':'30', 'y2':'30'},
									'ease':'Power1.easeOut'
								},
								'position':'1.8'
							},
							{
								'duration':'0',
								'vars':{
									'attr':{'x1':'10', 'y1':'10', 'x2':'50', 'y2':'50'},
									'ease':'Power1.easeOut'
								},
								'position':'4'
							}
						]
					}
				"/>
			
				<line class="lievo-altstroke" fill="none" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="50" y1="10" x2="10" y2="50" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'vars':{
									'attr':{'x1':'30', 'y1':'30'},
									'ease':'Power1.easeOut'
								},
								'position':'0.9'
							},
							{
								'duration':'1',
								'vars':{
									'attr':{'x2':'30', 'y2':'30'},
									'ease':'Power1.easeOut'
								},
								'position':'2.7'
							},
							{
								'duration':'0',
								'vars':{
									'attr':{'x1':'50', 'y1':'10', 'x2':'10', 'y2':'50'},
									'ease':'Power1.easeOut'
								},
								'position':'4'
							}
						]
					}
				"/>
			</g>
		</g>
		<g class="lievo-solidicon">
			<g data-animdata="
				{
					'steps':[
						{
							'duration':'0.2',
							'vars':{
								'opacity':'0'
							},
							'position':'3.7'
						},
						{
							'duration':'1',
							'vars':{
								'opacity':'1'
							},
							'position':'6'
						}
					]
				}
			">
				<line fill="none" stroke="#34495E" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" x1="10" y1="10" x2="50" y2="50" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'vars':{
									'attr':{'x1':'30', 'y1':'30'},
									'ease':'Power1.easeOut'
								},
								'position':'0'
							},
							{
								'duration':'1',
								'vars':{
									'attr':{'x2':'30', 'y2':'30'},
									'ease':'Power1.easeOut'
								},
								'position':'1.8'
							},
							{
								'duration':'0',
								'vars':{
									'attr':{'x1':'10', 'y1':'10', 'x2':'50', 'y2':'50'},
									'ease':'Power1.easeOut'
								},
								'position':'4'
							}
						]
					}
				"/>
			
				<line fill="none" stroke="#34495E" stroke-width="3" stroke-linecap="square" stroke-miterlimit="10" x1="50" y1="10" x2="10" y2="50" data-animdata="
					{
						'steps':[
							{
								'duration':'1',
								'vars':{
									'attr':{'x1':'30', 'y1':'30'},
									'ease':'Power1.easeOut'
								},
								'position':'0.9'
							},
							{
								'duration':'1',
								'vars':{
									'attr':{'x2':'30', 'y2':'30'},
									'ease':'Power1.easeOut'
								},
								'position':'2.7'
							},
							{
								'duration':'0',
								'vars':{
									'attr':{'x1':'50', 'y1':'10', 'x2':'10', 'y2':'50'},
									'ease':'Power1.easeOut'
								},
								'position':'4'
							}
						]
					}
				"/>
			</g>
		</g>
	</g>
</svg>