JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="768.804px" height="296px" viewBox="0 0 768.804 296" enable-background="new 0 0 768.804 296" xml:space="preserve">


  <path class="path" fill="#FFFFFF" stroke="#000000" stroke-width="4"  d="M390.702,225.898h50.93l42.387-111.664h110.397
		L530.103,286H6.537L85.685,76.987H196.29L222.857,7h511.885"/>
  
</svg>

CSS

.path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear  infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }
  to {
    stroke-dashoffset: 0;
  }
}