Анимации

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>fundamentals/css/animations</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="fundamentals/css/animations" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#21C863" fill-rule="nonzero" stroke="#0D8656" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="pendulum" transform="translate(17.000000, 15.000000)" fill="#FFFFFF" fill-rule="nonzero"> <path d="M34.1665606,27.3961875 C33.7963205,27.3961875 33.4344478,27.4322812 33.0830992,27.4982812 L20.7586387,0.486664062 C20.6232923,0.190351562 20.3267206,0 19.9999569,0 C19.6731932,0 19.3766215,0.190351562 19.2412751,0.486664062 L6.91681457,27.4982812 C6.56546596,27.4322812 6.20359328,27.3961875 5.8333531,27.3961875 C2.61678373,27.3961875 0,30.0031016 0,33.2075391 C0,36.4119766 2.61678373,39.0188906 5.8333531,39.0188906 C9.04992247,39.0188906 11.6667062,36.4119766 11.6667062,33.2075391 C11.6667062,30.9600156 10.378543,29.0078594 8.49982424,28.0414922 L19.1666577,4.66288281 L19.1666577,30.7707812 C15.8828033,31.1807891 13.3333046,33.9777109 13.3333046,37.3584922 C13.3333046,41.0206328 16.3240378,44 19.9999569,44 C23.6758759,44 26.6666092,41.0206328 26.6666092,37.3584922 C26.6666092,33.977625 24.1171105,31.1807891 20.8332561,30.7706953 L20.8332561,4.66288281 L31.5001758,28.0415781 C29.621457,29.0078594 28.3332938,30.9600156 28.3332938,33.207625 C28.3332938,36.4120625 30.9500775,39.0189766 34.1666469,39.0189766 C37.3832163,39.0189766 40,36.4120625 40,33.207625 C40,30.0031875 37.38313,27.3961875 34.1665606,27.3961875 Z M10.0000216,33.2075391 C10.0000216,35.4963125 8.130878,37.3584922 5.8333531,37.3584922 C3.5358282,37.3584922 1.66668464,35.4963125 1.66668464,33.2075391 C1.66668464,30.9187656 3.5358282,29.0565859 5.8333531,29.0565859 C8.130878,29.0565859 10.0000216,30.9187656 10.0000216,33.2075391 Z M24.9999245,37.3584922 C24.9999245,40.1051406 22.7569177,42.3396016 19.9999569,42.3396016 C17.242996,42.3396016 14.9999892,40.1051406 14.9999892,37.3584922 C14.9999892,34.6118437 17.242996,32.3773828 19.9999569,32.3773828 C22.7569177,32.3773828 24.9999245,34.6118437 24.9999245,37.3584922 Z M34.1665606,37.3584922 C31.8690357,37.3584922 29.9998922,35.4963125 29.9998922,33.2075391 C29.9998922,30.9187656 31.8689495,29.0565859 34.1665606,29.0565859 C36.4641718,29.0565859 38.3332291,30.9187656 38.3332291,33.2075391 C38.3332291,35.4963125 36.4641718,37.3584922 34.1665606,37.3584922 Z" id="Shape"> </path> <circle id="Oval" cx="5.5" cy="32.5" r="1.5"> </circle> <circle id="Oval" cx="33.5" cy="32.5" r="1.5"> </circle> </g> </g> </svg>