<svg class="svg-obj" width="600" 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="-4 25 971 169" enable-background="new -4 25 971 169" xml:space="preserve">
<g>
  <path class="path" d="M5.6,34.5H68c8,0,15.1,1.1,21.3,3.4c6.2,2.2,11.5,5.4,15.8,9.3c4.3,4,7.6,8.8,9.9,14.3c2.3,5.5,3.5,11.6,3.5,18.2
    c0,8.4-1.2,15.3-3.7,20.7c-2.5,5.4-5.3,9.7-8.5,12.9c-3.2,3.2-6.5,5.6-9.8,7.1c-3.3,1.5-5.8,2.7-7.7,3.4l33.4,60.3H89.6l-29-55
    H33.8v55H5.6V34.5z M33.8,104.2h30.7c7.1,0,13-2,17.6-5.9c4.6-3.9,6.9-9.5,6.9-16.6c0-6.9-2.3-12.3-7-16.4
    c-4.7-4.1-11.9-6.1-21.7-6.1H33.8V104.2z"/>
  <path class="path" d="M200.5,34.5h32.8l50,149.5h-29.4l-8.6-29h-56.7l-8.6,29h-29.4L200.5,34.5z M217.1,61.8h-0.4l-20.6,68.5h41.6L217.1,61.8z"
    />
  <path class="path" d="M323.2,34.5h52.5c12.9,0,24,1.9,33.3,5.7c9.3,3.8,16.9,9,22.9,15.6c5.9,6.7,10.3,14.6,13.1,23.7c2.8,9.2,4.2,19.1,4.2,29.7
    c0,24.5-5.8,43.1-17.3,55.8c-11.5,12.7-28.5,19-50.9,19h-57.8V34.5z M351.3,158h25.6c6.9,0,13-0.7,18.4-2.2c5.4-1.5,9.9-4,13.4-7.7
    c3.6-3.6,6.3-8.6,8.2-14.9c1.9-6.3,2.8-14.3,2.8-23.9c0-7.3-0.8-13.9-2.5-20c-1.7-6-4.3-11.2-7.8-15.4c-3.5-4.3-8-7.6-13.4-9.9
    c-5.5-2.3-12-3.5-19.7-3.5h-25V158z"/>
  <path class="path" d="M507.8,139.1c5.3,7.8,11.9,13.6,19.6,17.2c7.8,3.6,16.3,5.5,25.5,5.5c3.4,0,6.9-0.3,10.7-0.9s7.2-1.7,10.3-3.2
    c3.1-1.5,5.6-3.4,7.7-5.9c2-2.4,3-5.5,3-9.1c0-2.9-0.7-5.4-2-7.3c-1.3-2-3.3-3.7-6-5.1c-2.7-1.5-5.9-2.8-9.7-3.9
    c-3.8-1.1-8.2-2.2-13.2-3.4l-16.6-3.8c-6-1.4-11.7-3.1-17.1-5c-5.4-2-10.2-4.5-14.3-7.7c-4.1-3.1-7.4-7.1-9.9-11.8
    c-2.5-4.7-3.7-10.5-3.7-17.3c0-7.8,1.7-14.7,5.1-20.6c3.4-5.9,7.9-10.7,13.3-14.6c5.5-3.8,11.7-6.7,18.6-8.6
    c6.9-1.9,13.9-2.8,20.9-2.8c12.9,0,24.5,2.4,35,7.2c10.4,4.8,19.6,12.4,27.4,22.8l-23.3,17.6c-3.6-6.9-8.8-12.2-15.4-16
    c-6.7-3.8-14.6-5.7-23.8-5.7c-8.1,0-14.9,1.4-20.3,4.3c-5.4,2.9-8.1,7-8.1,12.3c0,3.1,0.8,5.6,2.4,7.7c1.6,2,3.8,3.7,6.7,5.1
    c2.9,1.4,6.2,2.6,9.9,3.5c3.7,0.9,7.7,1.9,11.9,2.8l18.3,4c5.6,1.3,11,2.8,16.2,4.7c5.2,1.9,9.8,4.4,13.8,7.6s7.2,7.1,9.7,12
    c2.4,4.8,3.7,10.8,3.7,18c0,9.1-2,16.8-5.9,23.1c-3.9,6.3-9,11.4-15.2,15.2c-6.2,3.9-13.3,6.6-21.1,8.3c-7.8,1.7-15.6,2.5-23.3,2.5
    c-6.2,0-12.3-0.7-18.5-2c-6.2-1.3-12.1-3.3-17.7-6c-5.7-2.7-11-5.9-15.9-9.9c-4.9-3.9-9.1-8.5-12.6-13.6L507.8,139.1z"/>
  <path class="path" d="M780.5,138c0,7.6-1.4,14.4-4.3,20.6c-2.9,6.2-7,11.4-12.3,15.8c-5.3,4.3-11.7,7.7-19.1,10c-7.4,2.3-15.6,3.5-24.6,3.5
    c-9.1,0-17.3-1.2-24.7-3.5c-7.4-2.3-13.7-5.6-19-10c-5.3-4.3-9.4-9.6-12.3-15.8c-2.9-6.2-4.3-13-4.3-20.6V34.5h28.1v96.2
    c0,4.6,0.5,8.8,1.6,12.4c1,3.6,2.8,6.8,5.4,9.3c2.5,2.6,5.8,4.6,9.9,6c4.1,1.4,9.2,2.1,15.3,2.1c6,0,11.1-0.7,15.2-2.1
    c4.1-1.4,7.5-3.4,10-6c2.5-2.6,4.3-5.7,5.4-9.3c1.1-3.6,1.6-7.8,1.6-12.4V34.5h28.1V138z"/>
  <path class="path" d="M834.3,34.5h28.1v67.2l59.2-67.2h33.4l-48.9,56.7l52.3,92.8h-32.5l-39.5-69.9l-23.9,27.1V184h-28.1V34.5z"/>
</g>
</svg>
body {
  background: black;
  color: white;
}

.svg-obj {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.path {
    fill: white;
    fill-opacity: 0;
    stroke: white;
    stroke-width: 5;
    stroke-linecap: round;

    stroke-dasharray: 860;
    stroke-dashoffset: 860;
    animation: draw 2s linear forwards;
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

@-moz-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}
@-o-keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.