<div class="container">
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="390" height="390" viewBox="0 0 390 390">
    <path class="path" fill="none" stroke="#01549C" stroke-width="2" d="M201.22 102.42c4.2-3.08 8.6-6.42 10.55-11.25 1.52-3.74 1.37-8 2.75-11.76 2.09-5.76 7.29-9.68 11.53-14.11s7.82-10.76 5.59-16.47l-16.74 4.65a16.33 16.33 0 00-4.81 1.9c-3.43 2.29-4.59 6.74-5.25 10.81a104.61 104.61 0 00-.15 32.66c3.83-2.33 5.45-7.11 5.7-11.59.55-10-4.29-20-2.17-29.83 1.59-7.3 6.95-13.8 6.52-21.26a6.11 6.11 0 00-1.13-3.53c-2-2.44-6.12-1.5-8.31.77s-3.21 5.39-5 8c-3.82 5.42-10.55 7.74-16.65 10.33s-12.56 6.43-14.21 12.85c-1.81 7.07 3 14.09 8.25 19.17a79.2 79.2 0 0024.05 16 468.85 468.85 0 01-6.3-56.56c-.23-4.5-.49-9.3-3.15-12.95a21 21 0 01-11.44 7.13 23.85 23.85 0 00-4.75 1.23c-3.26 1.48-5 4.93-7 7.93a42.77 42.77 0 01-16.79 14.89c-3.31 1.64-6.94 2.91-9.52 5.55s-3.68 7.27-1.15 10a9.37 9.37 0 003.74 2.02c6.46 2.32 13.37 3.07 20 4.7a78.46 78.46 0 0135.94 19.92q-17.52 8-35.5 15a13.85 13.85 0 01-5.43 1.29 4.73 4.73 0 01-4.4-2.92c-1.09-3.45 3.31-6.22 3.94-9.79.52-3-1.65-6.2-.32-8.91a6.31 6.31 0 013.39-2.66 17.71 17.71 0 0111.6-.7c2.47.7 4.75 1.94 7.18 2.78 6.57 2.28 13.75 1.57 20.67.84-6.23 6.58-16.34 7.54-25.37 6.8s-18.25-2.75-27-.56c-2.3.58-4.57 1.43-6.93 1.44s-5-1.09-5.79-3.31c-.77-2 .14-4.33 1.57-5.94a37.84 37.84 0 015-4 23.25 23.25 0 007.15-9.46c1.85-4.5 2.29-9.56 4.74-13.77 1.92-3.3 4.94-5.8 7.91-8.21 3.46-2.8 7.54-5.75 11.93-5s7.34 5 9.23 9.15c4.26 9.24 6.25 19.65 12.38 27.77 4.08 5.4 9.88 9.62 12.6 15.83 1.46 3.32 1.92 7 2.49 10.57a147.64 147.64 0 003.87 17.4c2.07 7.24 5.25 15 6 21.53s3.1 25.09 3.1 31.29 4.13 32.22 4.17 40.26c.12 24.89 0 50-4.82 74.38S209.9 353.05 192.62 371c5.15-11.92 4.65-25.41 4.07-38.38-.39-8.72-.79-17.48-2.61-26-2.18-10.25-6.38-20-7.92-30.39-1.55-10.54-.3-21.39-2.33-31.85a51.76 51.76 0 00-15.38-27.75c16.41 4.82 26.54 20.8 35.16 35.58 3.46 5.92 6.95 11.93 8.74 18.55 1.56 5.8 1.76 11.86 1.71 17.86a234.15 234.15 0 01-4.21 42.59c-.49 2.59-2.28 5.92-4.75 5l10.65-54c2.87-14.55 5.81-29.32 12.66-42.47 7.81-15 20.23-27 32.89-38.19 12-10.63 26.51-21.42 42.43-19.37A67.76 67.76 0 00269 217.92c-4.46 10.86-6 22.65-7.65 34.27-1.5 10.45-3.18 21-6.92 30.84s-9.72 19.17-18.39 25.2"></path>
  </svg>
</div>
:root {
  --length: 0;
}

body {  
  margin: 0;
  padding: 0;
  height: 100vh;
  color: #201e21;
  text-transform: uppercase;
  background-color: #FCF6F6;
}

.container {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.path {
  stroke-dasharray: var(--length);
  stroke-dashoffset: var(--length);
  stroke-width: 2;
  animation: anim 3s ease-in-out alternate infinite;
}

@keyframes anim {
  0% {
    stroke-dashoffset: var(--length);
  }

  100% {
    stroke-dashoffset: 0;
  }
}
const path = document.querySelector('.path');
const length = path.getTotalLength();
document.documentElement.style.setProperty('--length', length);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.