JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="34.046" height="93.067" viewBox="0 0 34.046 93.067">
  <path id="Path_695" data-name="Path 695" d="M132.321,211.187l22.443,22.474v58.145h9.478V229.74l-30.965-31S127.034,205.9,132.321,211.187Z" transform="translate(-130.196 -198.739)" fill="#091f40"/>
</svg>

CSS

svg {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: path linear 1.5s both;
}
@keyframes path {
    0% {
        stroke-dashoffset: 100;
    }
    100% {
        stroke-dashoffset: 0;
    }
}