JSFiddle - React, Tailwind, and code Playground

by Dogbert

HTML

<script src="https://rawgit.com/lcdsantos/jquery-drawsvg/master/public/jquery.drawsvg.js"></script>
<svg xmlns="http://www.w3.org/2000/svg" height="80" width="110">
  <path d="M1.842 77.722L26.586 40.63 1.842 3.537H20.4L45.144 40.63 20.4 77.722H1.842zm0 0" fill="none" stroke="#453a62"/>
  <path d="M26.586 77.722L51.33 40.63 26.586 3.537h18.558L94.63 77.722H76.074L60.61 54.54 45.143 77.722H26.586zm0 0" fill="none" stroke="#5e5086"/>
  <path d="M86.384 56.085L78.136 43.72h28.868v12.366h-20.62zM74.012 37.54l-8.248-12.365h41.24V37.54H74.012zm0 0" fill="none" stroke="#8f4e8b" />
</svg>

CSS

body {
  text-align: center;
  background: white;
}

svg path {
  stroke-width: 2px;
}

JavaScript

var $svg = $("svg").drawsvg({
  callback: function() {
    $svg.drawsvg("animate");
  }
}).drawsvg("animate");