JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.jsdelivr.net/npm/vivus@latest/dist/vivus.min.js"></script>
<svg id="logo" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1080 1080"><defs><style>.cls-1,.cls-2{fill:none;stroke:#84181a;stroke-miterlimit:10;}.cls-1{stroke-width:8px;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M765.1,357.41v508.7l-46.27,43.14H534.23L488,866.11v-93.7h58.29l157.64-147V164.83l-157.64-147H274.93l-157.65,147V625.4l157.65,147h58.29V917l157.65,147H762.2L919.85,917V357.41H765.1Z"/><polygon class="cls-1" points="502.89 172.57 549.16 215.72 549.16 574.52 502.89 617.66 487.96 617.66 487.96 357.41 333.22 357.41 333.22 617.66 318.3 617.66 272.03 574.52 272.03 215.72 318.3 172.57 502.89 172.57"/><path class="cls-2" d="M282.45,811.64A20.35,20.35,0,1,1,262,832a20.3,20.3,0,0,1,20.41-20.35m0,44.65A24.3,24.3,0,1,0,258.09,832a24.16,24.16,0,0,0,24.36,24.3m4.21-23.07c3.64-.11,7.29-2.1,7.29-7.48,0-5.75-4.46-7.23-9.4-7.23h-11.5v27.33H277V833.22h5.07l7,12.62h4.51Zm-2.85-10.75c3.2,0,6,.23,6.18,3.45a3.28,3.28,0,0,1-3.33,3.34H277v-6.79Z"/></svg>

JavaScript

new Vivus('logo', {duration: 200})