JSFiddle - React, Tailwind, and code Playground
by luka kupunia
HTML
<svg xmlns="http://www.w3.org/2000/svg" width="48.834" height="38.292" viewBox="0 0 48.834 38.292">
<g id="Group_1290" data-name="Group 1290" transform="translate(8645 -2819)">
<path id="Path_973" data-name="Path 973" d="M0-14.883l7.312-5.132,7.3,5.132v8.718H0Z" transform="translate(-8645 2863.457)" fill="#b12634"/>
<g id="Path_974" data-name="Path 974" transform="translate(-8627.805 2867.163)" fill="none">
<path d="M0-34.883l7.312-5.132,7.3,5.132V-9.871H0Z" stroke="none"/>
<path d="M 7.31112813949585 -37.57167816162109 L 1.999997138977051 -33.84369659423828 L 1.999997138977051 -11.87093353271484 L 12.61549663543701 -11.87093353271484 L 12.61549663543701 -33.84435272216797 L 7.31112813949585 -37.57167816162109 M 7.31175708770752 -40.01563262939453 L 14.61549663543701 -34.88337326049805 L 14.61549663543701 -9.870933532714844 L -2.86102294921875e-06 -9.870933532714844 L -2.86102294921875e-06 -34.88337326049805 L 7.31175708770752 -40.01563262939453 Z" stroke="none" fill="#b12634"/>
</g>
<g id="Path_975" data-name="Path 975" transform="translate(-8610.781 2869.016)" fill="none">
<path d="M0-44.883l7.312-5.132,7.3,5.132v33.16H0Z" stroke="none"/>
<path d="M 7.31113338470459 -47.57167434692383 L 1.999997138977051 -43.84369659423828 L 1.999997138977051 -13.72372436523438 L 12.61549663543701 -13.72372436523438 L 12.61549663543701 -43.8443603515625 L 7.31113338470459 -47.57167434692383 M 7.31175708770752 -50.015625 L 14.61549663543701 -44.88337707519531 L 14.61549663543701 -11.72372436523438 L -2.86102294921875e-06 -11.72372436523438 L -2.86102294921875e-06 -44.88337707519531 L 7.31175708770752 -50.015625 Z" stroke="none" fill="#b12634"/>
</g>
<path id="Path_976" data-name="Path 976" d="M0-14.883l7.312-5.132,7.3,5.132v8.718H0Z" transform="translate(-8645 2863.457)" fill="#b12634"/>
<path id="Path_977" data-name="Path 977" d="M0-15.883l7.312-.132,7.3.132v6.012H0Z" transform="translate(-8627.805 2867.163)"...