<svg width="580" height="400" xmlns="http://www.w3.org/2000/svg">
 
  <g>
  <title>background</title>
  <rect x="-1" y="-1" width="582" height="402" id="canvas_background" fill="#ffffff"/>
 </g>
 <g>
  <title>Layer 1</title>
  <path class="path" id="path1" fill="none" stroke="#000" stroke-width="1.5" id="svg_2" d="m92.5,136.5c0,-1 3.11835,-2.94298 5,-7c3.20432,-6.90886 8.34544,-12.80834 11,-18c3.4671,-6.7808 5.58481,-16.16824 9,-24c2.68139,-6.14899 3,-13 3,-17c0,-3 -1,-4 -4,-4c-1,0 -3.11587,-0.03616 -4,3c-1.15277,3.95868 -1.49903,10.95332 -2,19c-0.4971,7.98454 0,16 0,25c0,9 0,15 0,20c0,4 0,5 0,4c0,-4 -0.75643,-9.07217 0,-13c1.01837,-5.28799 5.19028,-9.88152 7,-13c1.12234,-1.934 2,-2 3,-2c1,0 1.18835,1.94366 2,5c0.81165,3.05634 0.71412,9.21168 3,12c0.8966,1.09367 2.23665,2.94371 4,2c3.17892,-1.70131 4,-6 5,-9c2,-6 3.49623,-12.90778 4,-17c0.24437,-1.98502 1,-5 0,-5c-1,0 0.49623,2.90778 1,7c0.61092,4.96254 -1.57719,10.44804 0,13c1.17557,1.90211 4.06601,2.12234 6,1c3.11848,-1.80972 5,-4 7,-6l-0.05234,-0.00137" transform="rotate(-3 122.50000000000004,102.48191833496094) "/>
  <path class="path" id="path2" fill="none" stroke="#000" stroke-width="1.5" id="svg_6" d="m135.5,86.5c-1,0 -1,-1 -1,-2c0,0 0,-1 0,-2c0,-1 -0.38269,-1.07612 0,-2c0.5412,-1.30656 2,-1 2,-1c1,0 2,0 3,0c1,0 1.29289,0.29289 2,1c0.70711,0.70711 1,1 1,2c0,0 0.38269,1.07612 0,2c-0.5412,1.30656 -1,1 -2,1c-1,0 -2,0 -2,0c-1,0 -2,0 -2,0c-1,0 -2,0 -3,0l0,-1"/>
  <path class="path" id="path3"fill="none" stroke-width="1.5" stroke-opacity="null" fill-opacity="null" id="svg_18" d="m226.5,105.5c0,-1 0,-2 0,-3c0,-1 0,-2 0,-4c0,-1 -0.82375,-2.48626 -3,-3c-0.97325,-0.22975 -2,0 -3,0c-2,0 -3.2242,0.90282 -4,3c-1.4305,3.867 -1.49623,6.90778 -2,11c-0.48874,3.97003 0,8 0,10c0,2 0,3 1,3c1,0 2.1731,0.14726 3,-1c1.30745,-1.814 1.31075,-3.08025 2,-6c0.51375,-2.17625 1.77025,-5.02675 2,-6c0.51375,-2.17625 1,-3 1,-4c0,-1 1,-1 1,0c0,3 0.48625,4.82375 1,7c0.4595,1.9465 1.07613,3.61731 2,4c1.30655,0.5412 2.15225,1.76537 4,1c1.30655,-0.5412 2.48627,-1.82375 3,-4c0.68927,-2.91975 1.48627,-4.82375 2,-7c0.4595,-1.9465 1,-3 1,-4c0,-1 0,-1 0,0c0,3 0,8 0,11c0,2 -1,4 0,4c1,0 -0.32037,-4.02582 0,-6c0.50653,-3.12144 2.1731,-4.85273 3,-6c1.30746,-1.814 2,-3 3,-3c1,0 2.82443,0.09789 4,2c1.05145,1.7013 0,5 0,6c0,1 0,0 0,-1c0,-2 -0.22977,-4.02675 0,-5c0.51373,-2.17625 1.71411,-4.21168 4,-7c0.89661,-1.09367 2.29291,-1.70711 3,-1c0.70709,0.70711 3.48627,1.82375 4,4c0.91901,3.893 0,7 1,11l0,2l0,1l0,1" stroke="#000"/>
  <path class="path" id="path4" fill="none" stroke="#000" stroke-width="1.5" stroke-opacity="null" fill-opacity="null" id="svg_22" d="m276.5,133.5c0,-1 -0.39417,-4.01947 0,-8c1.00488,-10.14841 5.34186,-23.97025 7,-45c1.26013,-15.98161 2.76538,-23.15224 2,-25c-0.5412,-1.30656 -3.66656,-1.26871 -5,3c-2.10837,6.74944 -2.62561,13.81642 2,21c6.12509,9.51227 16.98019,17.46529 21,26c2.69489,5.72168 3.4595,11.0535 3,13c-0.51373,2.17625 -5.17163,3.15913 -9,2c-6.9017,-2.08966 -11.78986,-10.07843 -13,-13c-0.85571,-2.06586 -2,-4 -2,-3c0,1 2.71411,2.21167 5,5c2.68979,3.28101 7.87857,5.49345 11,6c1.97418,0.32036 5.3764,-1.08031 7,-5c2.67877,-6.46716 1.48056,-12.03874 1,-15c-0.50653,-3.12144 -1,-4 -1,-3c0,4 0.69254,7.186 2,9c0.8269,1.14726 2.58578,2.41422 4,1c1.41422,-1.41422 0,-5 0,-8c0,-4 1,-7 0,-7c-2,0 1.19028,3.88152 3,7c2.24469,3.868 2.69345,4.4588 4,5c0.92389,0.38269 3.49622,-0.90779 4,-5c0.48874,-3.97003 2.24985,-10.46259 -1,-13c-0.78821,-0.61542 -2,0 -2,0c0,1 1.61383,2.297 4,5c1.47983,1.67633 3,3 5,5c1,1 2,2 3,2c1,0 3.06982,-1.98878 4,-8c1.0813,-6.9879 1.64758,-17.01614 1,-30c-0.50061,-10.0374 -2,-12 -2,-10c0,8 1.1615,17.96906 3,28c1.09662,5.98309 1,10 2,10c1,0 -0.68927,-6.08025 0,-9c0.51373,-2.17625 2,-3 4,-2c2,1 3,4 3,7c0,1 0,2 -1,2c-2,0 -4,-1 -4,0c0,1 3.23297,-0.58972 7,-3c5.39359,-3.45099 8.655,-7.78551 10,-13c2.01361,-7.80675 2.69196,-19.72548 -1,-26c-1.43439,-2.43774 -2.29092,-0.99396 -2,6c0.50043,12.03119 2.36078,23.21512 5,30c0.81064,2.08395 2.14935,4.52573 3,4c1.9021,-1.17557 1.08099,-8.10701 2,-12c0.51373,-2.17625 2.1731,-2.14726 3,-1c1.30746,1.814 2,2 3,2c1,0 2.11588,-0.96384 3,-4c1.15277,-3.95868 0.83981,-5.98709 1,-5c0.50653,3.12144 2.07611,4.61731 3,5c1.30655,0.5412 3,0 5,-2l1,-3l1,-5" transform="rotate(3 330.9124145507819,85.94940185546831) "/>
  <path class="path" id="path5"fill="none" stroke="#000" stroke-width="1.5" stroke-opacity="null" fill-opacity="null" id="svg_24" d="m373.5,51.5c0,0 -1.4588,0.30656 -2,-1c-0.38269,-0.92388 0,-2 0,-2c0,-1 0,-2 0,-2c0,-1 0,-2 1,-2c0,0 1,0 2,0c1,0 1,1 1,2c0,0 0,1 0,2l0,0"/>
  <path class="path" id="path6" transform="rotate(-1 185.00000000000145,84.37254333496145) " stroke="#000000" d="m191.75,78.72236c-0.61364,0 -1.84091,0 -4.90909,0c-2.45455,0 -4.29545,0 -6.75,0c-2.45455,0 -5.09933,0.4219 -6.75,-0.63682c-0.73821,-0.47347 -0.99244,-1.32211 -1.22727,-1.91045c-0.3321,-0.83204 -0.61364,-3.18409 -0.61364,-7.00499c0,-3.18409 0.77196,-6.94408 1.84091,-10.18908c1.44508,-4.38684 2.72971,-7.51804 3.68182,-10.18908c0.8778,-2.46258 1.73317,-3.24642 2.45455,-4.45772c0.3226,-0.54171 0,-0.63682 0,2.54727c0,3.18409 1.83191,7.34133 3.06818,10.82589c1.28966,3.63505 2.57365,7.57083 4.29545,10.82589c1.32057,2.49652 2.19663,4.55762 3.68182,8.27862c1.05018,2.63115 2.88975,5.50205 4.90909,10.18908c1.5841,3.67681 1.78163,7.65257 2.45455,11.46271c0.56409,3.19394 0.61364,6.36817 0.61364,10.18908c0,3.18409 -0.4254,6.4756 -1.84091,8.91544c-2.72279,4.69313 -6.07978,6.68417 -8.59091,7.00499c-4.26327,0.54466 -6.69987,-0.70824 -9.20455,-2.54727c-1.80615,-1.32615 -3.06818,-2.54727 -3.68182,-3.18409l0,-0.63682" id="svg_9" fill-opacity="null" stroke-width="1.5" fill="none"/>
 </g>
</svg>
.path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: dash 5s linear;
  animation-fill-mode: forwards;
 
}

#path2 {
  animation-delay: 1s;
}

#path3 {
  animation-delay: 3s;
}

#path4 {
  animation-delay: 4s;
}

#path5 {
  animation-delay: 5.8s;
}

#path6 {
  animation-delay: 2s;
}

@keyframes dash {
  from {
    stroke-dashoffset: 2000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.