JSFiddle - React, Tailwind, and code Playground

HTML

<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"
 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">

  <path d="M384.614,208.821c-0.011-0.09-0.018-0.182-0.031-0.271c-0.064-0.445-0.149-0.888-0.268-1.326
	c-0.001-0.004-0.003-0.009-0.004-0.014c-0.112-0.409-0.255-0.813-0.417-1.212c-0.046-0.114-0.097-0.224-0.146-0.337
	c-0.128-0.288-0.27-0.572-0.424-0.852c-0.067-0.122-0.132-0.244-0.205-0.364c-0.039-0.065-0.069-0.132-0.11-0.197
	c-0.163-0.259-0.341-0.502-0.522-0.743c-0.034-0.045-0.062-0.092-0.096-0.136c-0.275-0.356-0.572-0.688-0.883-1.001
	c-0.058-0.059-0.122-0.114-0.183-0.172c-0.271-0.261-0.551-0.505-0.844-0.735c-0.075-0.058-0.147-0.117-0.224-0.173
	c-0.392-0.29-0.795-0.561-1.217-0.795l-162.095-92.138l93.329-58.769l156.464,88.936l-65.895,41.494
	c-5.143,3.237-6.686,10.031-3.448,15.172c3.237,5.143,10.03,6.686,15.172,3.448l81.447-51.286c3.274-2.061,5.225-5.691,5.137-9.559
	c-0.087-3.868-2.198-7.405-5.563-9.317L315.422,27.2c-3.524-2.005-7.867-1.906-11.3,0.254L189.744,99.478
	c-0.023,0.014-0.047,0.03-0.07,0.044l-57.155,35.99c-0.026,0.017-0.053,0.033-0.078,0.05L17.985,207.635
	c-3.274,2.061-5.225,5.69-5.137,9.559c0.087,3.868,2.198,7.405,5.563,9.317l178.168,101.274c3.491,1.987,7.9,1.885,11.298-0.254
	l81.447-51.287c5.143-3.237,6.686-10.031,3.448-15.172c-3.236-5.143-10.031-6.687-15.172-3.448L201.726,305.4L45.262,216.462
	l93.33-58.77l166.875,94.855v125.629c0,4.007,2.177,7.696,5.685,9.633c3.473,1.918,7.823,1.792,11.18-0.322l57.229-36.037
	c3.2-2.015,5.14-5.53,5.14-9.31v-132.03c0-0.065-0.011-0.127-0.013-0.191C384.682,209.552,384.657,209.187,384.614,208.821
	C384.603,208.73,384.657,209.187,384.614,208.821z M327.473,358.247v-112.1c0-3.958-2.126-7.609-5.566-9.564l-162.189-92.191
	l36.103-22.735l156.462,88.937l-13.699,8.626c-5.143,3.237-6.686,10.031-3.448,15.172c3.191,5.073,10.095,6.647,15.172,3.448
	l12.388-7.8v106.027L327.473,358.247z"/>
  
</svg>

CSS

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

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