Animated svg

jimies.svg

<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2354.03 940.83">
  <defs>
    <style>
      .cls-0 {
        fill: none;
        stroke: #eee;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 5px;
        stroke-dasharray: 20,20;
      }
      .cls-1 {
        fill: none;
        stroke: #00FFFF;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 30px;
        stroke-dasharray: 8474;
        stroke-dashoffset: 8474;
        animation: dash 5s linear alternate infinite;
      }
      .cls-2 {
        fill: #eee;
        transform-origin: 50% 50%;
        animation: bounce 4s 5s  alternate infinite;
      }
      .cls-2.a {
        transform-origin: 50% 50%;
        animation: bounce 3s alternate infinite;
      }

      .cls-2.b {
        animation: bounce 2s alternate infinite;
      }

      @keyframes dash {
        from {
          stroke-dashoffset: 0;
        }
        to {
          stroke-dashoffset: 8474;
        }
      }

      @keyframes bounce {
        0% {
          transform-origin: 50% 50%;
          transform: scale(0, 0);
        }
        70% {
          transform-origin: 50% 50%;
          transform: scale(2.2, 2.2);
        }
        80% {
          transform-origin: 50% 50%;
          transform: scale(1.7, 1.7);
        }
        90% {
          transform-origin: 50% 50%;
          transform: scale(1.5, 1.5);
        }
        100% {
          transform: scale(1, 1);
        }
      }

    </style>
  </defs>
  <title>jimies</title>
  <path class="cls-0" d="M2367.43,335.67c-39.51,101.74-104.71,156-165,156s-100.75-45.39-100.75-45.39c58.28,51.36,106.68,7.9,106.68-37.54S2194.57,344.56,2163,284.3s-26.67-99.77-14.82-99.77,9.88,47.41,0,74.08c-58,156.72-133.35,222.57-190.64,222.57s-99.77-43.39-99.77-112.92,27.66-112.61,66.18-112.61,46.43,32.6,46.43,60.25c0,69.14-118.06,165.27-207.81,165.27-116.55,0-53.34-230.47-53.34-230.47C1694.38,392,1627.21,471,1561,471c-94.83,0,2-200.52-75.07-200.52-72.11,0-134.34,200.52-155.08,200.52s19.76-201.51-32.6-201.51-124.46,194.59-154.09,194.59c-16.79,0,11.85-217.31-23.71-217.31-19.76,0-40.5,42.47-65.19,87.91S983.17,481.19,914,481.19c-98.78,0-56.3-227.5-56.3-227.5-11.85,150.14-64.21,149.16-190.64,307.2S534.72,810.79,534.72,857.22s21.73,89.89,70.13,89.89,67.17-90.88,79-163,3-108.66-3-237.07S694.1,251.33,694.1,251.33C549.26,568.22,406.45,629.42,312.38,629.42c-157.53,0-269-113.84-269-303.93,0-138.27,109.33-289.21,306.83-289.21,162.84,0,200.25,130.16,200.25,212.06,0,55.32-59.7,186.19-134.91,186.19s-77.64-108-77.64-108c-37.36,109.91-94.14,108-100.93,108s-56.29-1.94-56.29-69.39c0-110.64,79.58-146.55,117.43-146.55s65.51,28.14,65.51,28.14l2.7,2.7" transform="translate(-28.4 -21.27)"/>
  <path class="cls-1" d="M2367.43,335.67c-39.51,101.74-104.71,156-165,156s-100.75-45.39-100.75-45.39c58.28,51.36,106.68,7.9,106.68-37.54S2194.57,344.56,2163,284.3s-26.67-99.77-14.82-99.77,9.88,47.41,0,74.08c-58,156.72-133.35,222.57-190.64,222.57s-99.77-43.39-99.77-112.92,27.66-112.61,66.18-112.61,46.43,32.6,46.43,60.25c0,69.14-118.06,165.27-207.81,165.27-116.55,0-53.34-230.47-53.34-230.47C1694.38,392,1627.21,471,1561,471c-94.83,0,2-200.52-75.07-200.52-72.11,0-134.34,200.52-155.08,200.52s19.76-201.51-32.6-201.51-124.46,194.59-154.09,194.59c-16.79,0,11.85-217.31-23.71-217.31-19.76,0-40.5,42.47-65.19,87.91S983.17,481.19,914,481.19c-98.78,0-56.3-227.5-56.3-227.5-11.85,150.14-64.21,149.16-190.64,307.2S534.72,810.79,534.72,857.22s21.73,89.89,70.13,89.89,67.17-90.88,79-163,3-108.66-3-237.07S694.1,251.33,694.1,251.33C549.26,568.22,406.45,629.42,312.38,629.42c-157.53,0-269-113.84-269-303.93,0-138.27,109.33-289.21,306.83-289.21,162.84,0,200.25,130.16,200.25,212.06,0,55.32-59.7,186.19-134.91,186.19s-77.64-108-77.64-108c-37.36,109.91-94.14,108-100.93,108s-56.29-1.94-56.29-69.39c0-110.64,79.58-146.55,117.43-146.55s65.51,28.14,65.51,28.14l2.7,2.7" transform="translate(-28.4 -21.27)"/>
  <circle class="cls-2" cx="682.1" cy="78.66" r="25.98" style="transform: scale(0,0)"/>
  <circle class="cls-2 a" cx="854.34" cy="78.66" r="25.98" style="transform: scale(0,0)"/>
  <circle class="cls-2 b" cx="1702.56" cy="78.66" r="25.98" style="transform: scale(0,0)"/>
</svg>