1<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"> 2<style>.box{fill:#00CADB;transform-origin: 50% 50%} 3@keyframes box-1 { 4 9% {transform: translate(-12px,0)} 5 18% {transform: translate(0px,0)} 6 27% {transform: translate(0px,0)} 7 36% {transform: translate(12px,0)} 8 45% {transform: translate(12px,12px)} 9 55% {transform: translate(12px,12px)} 10 64% {transform: translate(12px,12px)} 11 73% {transform: translate(12px,0px)} 12 82% {transform: translate(0px,0px)} 13 91% {transform: translate(-12px,0px)} 14 100% {transform: translate(0px,0px)} 15} 16.box:nth-child(1){animation: box-1 4s infinite} 17@keyframes box-2 { 18 9% {transform: translate(0,0)} 19 18% {transform: translate(12px,0)} 20 27% {transform: translate(0px,0)} 21 36% {transform: translate(12px,0)} 22 45% {transform: translate(12px,12px)} 23 55% {transform: translate(12px,12px)} 24 64% {transform: translate(12px,12px)} 25 73% {transform: translate(12px,12px)} 26 82% {transform: translate(0px,12px)} 27 91% {transform: translate(0px,12px)} 28 100% {transform: translate(0px,0px)} 29} 30.box:nth-child(2){animation: box-2 4s infinite} 31@keyframes box-3 { 32 9% {transform: translate(-12px,0)} 33 18% {transform: translate(-12px,0)} 34 27% {transform: translate(0px,0)} 35 36% {transform: translate(-12px,0)} 36 45% {transform: translate(-12px,0)} 37 55% {transform: translate(-12px,0)} 38 64% {transform: translate(-12px,0)} 39 73% {transform: translate(-12px,0)} 40 82% {transform: translate(-12px,-12px)} 41 91% {transform: translate(0px,-12px)} 42 100% {transform: translate(0px,0px)} 43} 44.box:nth-child(3) {animation: box-3 4s infinite} 45@keyframes box-4 { 46 9% {transform: translate(-12px,0)} 47 18% {transform: translate(-12px,0)} 48 27% {transform: translate(-12px,-12px)} 49 36% {transform: translate(0px,-12px)} 50 45% {transform: translate(0px,0px)} 51 55% {transform: translate(0px,-12px)} 52 64% {transform: translate(0px,-12px)} 53 73% {transform: translate(0px,-12px)} 54 82% {transform: translate(-12px,-12px)} 55 91% {transform: translate(-12px,0px)} 56 100% {transform: translate(0px,0px)} 57} 58.box:nth-child(4) {animation: box-4 4s infinite} 59@keyframes box-5 { 60 9% {transform: translate(0,0)} 61 18% {transform: translate(0,0)} 62 27% {transform: translate(0,0)} 63 36% {transform: translate(12px,0)} 64 45% {transform: translate(12px,0)} 65 55% {transform: translate(12px,0)} 66 64% {transform: translate(12px,0)} 67 73% {transform: translate(12px,0)} 68 82% {transform: translate(12px,-12px)} 69 91% {transform: translate(0px,-12px)} 70 100% {transform: translate(0px,0px)} 71} 72.box:nth-child(5) {animation: box-5 4s infinite} 73@keyframes box-6 { 74 9% {transform: translate(0,0)} 75 18% {transform: translate(-12px,0)} 76 27% {transform: translate(-12px,0)} 77 36% {transform: translate(0px,0)} 78 45% {transform: translate(0px,0)} 79 55% {transform: translate(0px,0)} 80 64% {transform: translate(0px,0)} 81 73% {transform: translate(0px,12px)} 82 82% {transform: translate(-12px,12px)} 83 91% {transform: translate(-12px,0px)} 84 100% {transform: translate(0px,0px)} 85} 86.box:nth-child(6) {animation: box-6 4s infinite} 87@keyframes box-7 { 88 9% {transform: translate(12px,0)} 89 18% {transform: translate(12px,0)} 90 27% {transform: translate(12px,0)} 91 36% {transform: translate(0px,0)} 92 45% {transform: translate(0px,-12px)} 93 55% {transform: translate(12px,-12px)} 94 64% {transform: translate(0px,-12px)} 95 73% {transform: translate(0px,-12px)} 96 82% {transform: translate(0px,0px)} 97 91% {transform: translate(12px,0px)} 98 100% {transform: translate(0px,0px)} 99} 100.box:nth-child(7) {animation: box-7 4s infinite} 101@keyframes box-8 { 102 9% {transform: translate(0,0)} 103 18% {transform: translate(-12px,0)} 104 27% {transform: translate(-12px,-12px)} 105 36% {transform: translate(0px,-12px)} 106 45% {transform: translate(0px,-12px)} 107 55% {transform: translate(0px,-12px)} 108 64% {transform: translate(0px,-12px)} 109 73% {transform: translate(0px,-12px)} 110 82% {transform: translate(12px,-12px)} 111 91% {transform: translate(12px,0px)} 112 100% {transform: translate(0px,0px)} 113} 114.box:nth-child(8){animation: box-8 4s infinite} 115@keyframes box-9{ 116 9% {transform: translate(-12px,0)} 117 18% {transform: translate(-12px,0)} 118 27% {transform: translate(0px,0)} 119 36% {transform: translate(-12px,0)} 120 45% {transform: translate(0px,0)} 121 55% {transform: translate(0px,0)} 122 64% {transform: translate(-12px,0)} 123 73% {transform: translate(-12px,0)} 124 82% {transform: translate(-24px,0)} 125 91% {transform: translate(-12px,0)} 126 100% {transform: translate(0px,0)} 127} 128.box:nth-child(9) {animation: box-9 4s infinite} 129</style> 130<g><rect class="box" x="13" y="1" rx="1" width="10" height="10"/> 131<rect class="box" x="13" y="1" rx="1" width="10" height="10"/> 132<rect class="box" x="25" y="25" rx="1" width="10" height="10"/> 133<rect class="box" x="13" y="13" rx="1" width="10" height="10"/> 134<rect class="box" x="13" y="13" rx="1" width="10" height="10"/> 135<rect class="box" x="25" y="13" rx="1" width="10" height="10"/> 136<rect class="box" x="1" y="25" rx="1" width="10" height="10"/> 137<rect class="box" x="13" y="25" rx="1" width="10" height="10"/> 138<rect class="box" x="25" y="25" rx="1" width="10" height="10"/></g> 139</svg>