JSFiddle - React, Tailwind, and code Playground

HTML

<svg id="test" viewBox="0 0 500 500"></svg>
<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.4.1/snap.svg-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TweenMax.min.js"></script>

JavaScript

var s 				= Snap('#test'),
	tl 				= new TimelineMax(),
	polygonScale 	= 2;	// control

var polygon = s.polyline(200, 286, 250, 200, 350, 200, 400, 286, 350, 373, 250, 373);
polygon.attr({fill: 'red', class: 'myPolygon'});
// polygon.scale(2, 2);

tl.set(".myPolygon", {
	transformOrigin: 'center',
	scale: polygonScale
});