<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-shift="y" data-animoptions="{'duration':'1.5', 'repeat':'0', 'repeatDelay':'0.5'}"> <g class="lievo-main"> <g class="lievo-lineicon lievo-filledicon"> <path fill="#FFCF4B" stroke="#F9B32F" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M27,48H9v-4h18V48zM13,44v4 M23,44v4" data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=0', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "/> <path fill="#FFCF4B" stroke="#F9B32F" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M29,40H11v-4h18V40zM15,36v4 M25,36v4" data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=1', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "/> <path fill="#FFCF4B" stroke="#F9B32F" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M25,32H7v-4h18V32zM11,28v4 M21,28v4" data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=2', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "/> <path fill="#FFCF4B" stroke="#F9B32F" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M27,24H9v-4h18V24zM13,20v4 M23,20v4" data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=3', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "/> <path fill="#FFCF4B" stroke="#F9B32F" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M29,16H11v-4h18V16zM15,12v4 M25,12v4" data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=4', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "/> <path fill="#FFCF4B" stroke="#F9B32F" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M53,48H35v-4h18V48zM39,44v4 M49,44v4" data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=5', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "/> <g data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=54' } }, { 'duration':'4', 'position':'+=7', 'vars':{ 'y':'0', 'ease':'Bounce.easeOut' } } ] } "> <circle fill="#FFCF4B" stroke="#F9B32F" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="44" cy="31" r="9"/> <path class="lievo-altstroke" fill="none" stroke="#F1892D" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M44,26v-2 M44,36v2M41,34v0.5c0,0.83,0.9,1.5,2,1.5h2c1.11,0,2-0.89,2-2v-1c0-1.1-0.89-2-2-2h-2c-1.1,0-2-0.9-2-2v-1c0-1.1,0.9-2,2-2h2c1.11,0,2,0.67,2,1.5V28"/> </g> </g> <g class="lievo-solidicon"> <g data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=0', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "> <rect x="9" y="44" fill="#34495E" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="18" height="4"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="13" y1="43" x2="13" y2="49"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="23" y1="43" x2="23" y2="49"/> </g> <g data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=1', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "> <rect x="11" y="36" fill="#34495E" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="18" height="4"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="15" y1="35" x2="15" y2="41"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="25" y1="35" x2="25" y2="41"/> </g> <g data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=2', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "> <rect x="7" y="28" fill="#34495E" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="18" height="4"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="11" y1="27" x2="11" y2="33"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="21" y1="27" x2="21" y2="33"/> </g> <g data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=3', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "> <rect x="9" y="20" fill="#34495E" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="18" height="4"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="13" y1="19" x2="13" y2="25"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="23" y1="19" x2="23" y2="25"/> </g> <g data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=4', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "> <rect x="11" y="12" fill="#34495E" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="18" height="4"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="15" y1="11" x2="15" y2="17"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="25" y1="11" x2="25" y2="17"/> </g> <g data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=62' } }, { 'duration':'2', 'position':'+=5', 'vars':{ 'y':'0', 'ease':'Power1.easeOut' } } ] } "> <rect x="35" y="44" fill="#34495E" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" width="18" height="4"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="39" y1="43" x2="39" y2="49"/> <line class="lievo-donotdraw lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" x1="49" y1="43" x2="49" y2="49"/> </g> <g data-animdata=" { 'steps':[ { 'duration':'0', 'position':'0', 'vars':{ 'y':'-=54' } }, { 'duration':'4', 'position':'+=7', 'vars':{ 'y':'0', 'ease':'Bounce.easeOut' } } ] } "> <circle fill="#34495E" stroke="#34495E" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="44" cy="31" r="9"/> <path class="lievo-solidbg" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" d="M44,26v-2 M44,36v2M41,34v0.5c0,0.83,0.9,1.5,2,1.5h2c1.11,0,2-0.89,2-2v-1c0-1.1-0.89-2-2-2h-2c-1.1,0-2-0.9-2-2v-1c0-1.1,0.9-2,2-2h2c1.11,0,2,0.67,2,1.5V28"/> </g> </g> </g> </svg>