JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<!-- http://framesoflife.armani.com/the-campaign/en-us/kelly  -->
<svg xmlns="http://www.w3.org/2000/svg"  version="1.1" id="Layer_2" x="0px" y="0px" >
                            <g>
                                
                                
                                
                                
                                
                            <path stroke="#ffffff" fill="#ffffff" id="svg-path32" d="M168.653,15.655v-1.256c1.633,0.117,3.471,0.175,5.513,0.175c4.063,0,6.994-0.058,8.791-0.175v1.256                                     c-2.94,0-4.411,0.808-4.411,2.423c0,0.613,0.215,1.339,0.644,2.178l10.42,20.03l7.988-15.95c1.143-2.311,1.715-4.11,1.715-5.399                                     c0-1.186-0.459-2.029-1.378-2.53s-2.308-0.772-4.166-0.813v-1.194c2.39,0.117,4.799,0.175,7.229,0.175                                     c1.879,0,3.44-0.058,4.687-0.175v1.197c-0.838,0.184-1.654,0.71-2.45,1.58c-0.797,0.869-1.654,2.203-2.573,4.002l-9.832,19.537                                     v11.441c0,1.574,0.129,2.72,0.386,3.436c0.256,0.716,0.729,1.206,1.417,1.473c0.688,0.266,1.792,0.429,3.312,0.49v1.256                                     c-1.964-0.122-4.624-0.184-7.979-0.184c-3.601,0-6.291,0.062-8.07,0.184v-1.256c1.521-0.062,2.624-0.225,3.312-0.49                                     c0.688-0.267,1.16-0.757,1.418-1.473c0.256-0.716,0.385-1.861,0.385-3.436v-9.478l-12.711-23.497                                     c-0.776-1.411-1.444-2.352-2.006-2.822C169.729,15.89,169.184,15.655,168.653,15.655z" style="stroke-dashoffset: 0px; stroke-dasharray: 211.514px, 211.514px; fill-opacity: 1; stroke-width: 1px;"></path><path stroke="#ffffff" fill="#ffffff" id="svg-path29" d="M63.903,58.811v-1.256c1.511-0.062,2.608-0.225,3.292-0.49c0.684-0.265,1.153-0.755,1.409-1.47s0.383-1.858,0.383-3.431                                     V21.045c0-1.572-0.127-2.716-0.383-3.431c-0.255-0.714-0.725-1.205-1.409-1.47c-0.685-0.265-1.782-0.429-3.292-0.49v-1.256                    ...

CSS

$(function() {
  $('svg').find('path').each(function () {
      $(this).attr({
        "stroke-dashoffset":282
      });
  });
});