<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', 'repeat':'0', 'repeatDelay':'0.5'}"> <g class="lievo-main"> <g class="lievo-filledicon"> <defs> <clipPath id="livicon_adjust_f"> <circle class="lievo-donotdraw lievo-nohovercolor lievo-nohoverstroke" cx="30" cy="30" r="23"/> </clipPath> </defs> <g clip-path="url(#livicon_adjust_f)"> <rect fill="#455A64" stroke="#263238" stroke-width="2" x="30" y="4" width="60" height="52" data-animdata=" { 'steps':[ { 'duration':'0.5', 'position':'0', 'vars':{ 'x':'-=23' } }, { 'duration':'1', 'position':'+=0.3', 'vars':{ 'x':'+=39' } }, { 'duration':'0.8', 'position':'+=0.4', 'vars':{ 'x':'0', 'ease':'Power2.easeOut' } } ] } "/> </g> <circle transform="rotate(-90, 30, 30)" fill="none" stroke="#263238" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="30" cy="30" r="23"/> </g> <g class="lievo-lineicon lievo-solidicon"> <defs> <clipPath id="livicon_adjust_ls"> <circle class="lievo-donotdraw lievo-nohovercolor lievo-nohoverstroke" cx="30" cy="30" r="23"/> </clipPath> </defs> <g clip-path="url(#livicon_adjust_ls)"> <rect class="lievo-likestroke lievo-altstroke" fill="#455A64" stroke="#263238" stroke-width="0" x="30" y="4" width="60" height="52" data-animdata=" { 'steps':[ { 'duration':'0.5', 'position':'0', 'vars':{ 'x':'-=23' } }, { 'duration':'1', 'position':'+=0.3', 'vars':{ 'x':'+=39' } }, { 'duration':'0.8', 'position':'+=0.4', 'vars':{ 'x':'0', 'ease':'Power2.easeOut' } } ] } "/> </g> <circle class="lievo-altstroke" transform="rotate(-90, 30, 30)" fill="none" stroke="#263238" stroke-width="2" stroke-linecap="square" stroke-miterlimit="10" cx="30" cy="30" r="23"/> </g> </g> </svg>