<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 612 174.5" style="enable-background:new 0 0 612 174.5;" xml:space="preserve">
<g id="UuFmvD_1_">
<!-- Be sure to include src as IE8 fallback per https://css-tricks.com/a-complete-guide-to-svg-fallbacks/ -->
        <image style="overflow:visible;" width="1308" height="373" id="UuFmvD_2_" xlink:href="http://cd8ba0b44a15c10065fd-24461f391e20b7336331d5789078af53.r23.cf1.rackcdn.com/typeboard.vanillaforums.com/editor/rh/lnl3zzxe21d5.png" src="http://cd8ba0b44a15c10065fd-24461f391e20b7336331d5789078af53.r23.cf1.rackcdn.com/typeboard.vanillaforums.com/editor/rh/lnl3zzxe21d5.png" transform="matrix(0.4679 0 0 0.4679 0 0)">
</g>
<path class="mask" d="
    M31,109c8,5,45.7,12,46.7-21.7S38.3,57.7,38.3,57.7S77,55,84,36S70.5,0,44.5,14.5s-49,108.5-36,96S40,8,40,8"/>
<path class="mask" d="
    M581,108c0,0-19.7,21.3-25.3,4.3C550,95.3,588,29.7,588,29.7s-21.3,47-27,54S546,106,528.5,115c-17.5,9-6.9-15.7-1.9-27.7
    S525,73,525,73c-12.3-7.7-50.3,38-50.3,38s2.7,0,7.3-20.7s0-19.7,0-19.7s-25,31.7-41.7,38.7c-16.7,7-13-6.3-13.7-8
    c-0.7-1.7,11.3-36,11.3-36c-5,1.3-42.3,3.3-42.3,3.3c12,37.7-19.7,44.6-19.7,44.6s-14.3-0.9-12-23.9s27.7-25.7,27.7-25.7
    c-28.7,2.3-33,23.1-58.7,39.7c-38,19-48,4.7-48,4.7c23.7,15.7,34.3-9.7,40-23.3s0-42.7-40.3,5.3s-48.7,79.7-40.3,76.3
    c8.3-3.3,5,2.3,23-42.7s15-57,15-57s-52.3,61.3-59.7,48C211,80,244,26,253.3,12.7s32.3-6.3-14.7,50s-56.3,47.7-56.3,47.7
    c-25.3-23.1,13.3-85.7,20-94.7c6.7-9,8-5.7,8-5.7c10,19.3-57.7,103.3-76.7,101.7c-19-1.7,3.7-34.7,3.7-34.7c-25.7,51-64.3,33-40,2.7
    s45-10.7,45-10.7"/>
<path class="mask" d="
    M599,62.7c0,0-6.2,0.3-19.7,0.8c-13.5,0.6-19.7,0.8-19.7,0.8"/>
<path class="mask" d="
    M604.7,114.3c0,0,0,0-1.7,1.3c-1.7,1.3-1.7,1.3-1.7,1.3"/>
<path class="mask" d="
    M449.3,34.7c0,0,1-1.6,2-3.2c1-1.6,2-3.2,2-3.2"/>
</svg>
.mask {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 12.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
    $(document).ready(function() {

      // Store a reference to our paths, excluding our clip path
      var paths = $('.mask');

      // Create a timeline for ease of manipulation and the possibility
      // to play the animation back and forth at the requested speed.
      var tl = new TimelineMax();

      // For each path, set the stroke-dasharray and stroke-dashoffset
      // equal to the path's total length, hence rendering it invisible
      paths.each(function(i, e) {
        var animateTo = e.style.strokeDasharray = e.getTotalLength();

        e.style.strokeDashoffset = 0;

        tl.add([
          TweenLite.to(paths.eq(i), 1, {
            strokeDashoffset: animateTo,
            delay: 0
          })
        ]);
      });

    })
Rerun