JSFiddle - React, Tailwind, and code Playground
HTML
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" viewBox="11.031225585937506 6.190606689453119 477.937548828125 137.61878662109376" style="background: rgba(0, 0, 0, 0);" preserveAspectRatio="xMidYMid"><defs><filter id="editing-extrude-glow"><feFlood flood-color="#333333" result="flood-1"></feFlood><feMorphology operator="erode" radius="1" in="SourceAlpha" result="erode"></feMorphology><feComposite operator="in" in="flood-1" in2="erode" result="comp1"></feComposite><feConvolveMatrix order="3,3" divisor="1" in="comp1" result="convolve" kernelMatrix="0 0 0 1 1 1 0 0 0"></feConvolveMatrix><feOffset dx="-3" dy="0" in="convolve" result="extrude"></feOffset><feComposite operator="in" in="flood-1" in2="extrude" result="comp-extrude"></feComposite><feFlood flood-color="#000000" result="flood-2"></feFlood><feComposite operator="in" in="flood-2" in2="SourceAlpha" result="comp2"></feComposite><feMorphology operator="dilate" radius="1" in="comp2" result="dilate"></feMorphology><feOffset dx="-4.5" dy="0" in="dilate" result="offset"></feOffset><feGaussianBlur in="offset" stdDeviation="5.8" result="blur"></feGaussianBlur><feComponentTransfer in="blur" result="shadow"><feFuncA type="linear" slope="0.8" intercept="-0.2"></feFuncA></feComponentTransfer><feMerge><feMergeNode in="shadow"></feMergeNode><feMergeNode in="comp-extrude"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><g filter="url(#editing-extrude-glow)"><g transform="translate(79.88500022888184, 98.63968849182129)"><path d="M18.88-25.22L34.56-44.03L52.10-44.03L36.29-25.92L52.42 0L35.71 0L26.56-16.13L18.88-9.86L18.88 0L4.74 0L4.74-44.03L18.88-44.03L18.88-25.22ZM73.86-34.56L73.86-34.56Q81.60-34.56 86.46-31.97L86.46-31.97L86.46-31.97Q91.33-29.38 91.33-23.55L91.33-23.55L91.33-10.37L91.33-10.37Q91.33-9.28 91.84-8.58L91.84-8.58L91.84-8.58Q92.35-7.87 93.38-7.87L93.38-7.87L95.68-7.87L95.68-0.51L95.68-0.51Q95.49-0.38 94.69-0.10L94.69-0.10L94.69-0.10Q93.89 0.19 92.42...
CSS
/***************************************************
* Generated by SVG Artista on 8/28/2019, 12:33:41 AM
* MIT license (https://opensource.org/licenses/MIT)
* W. https://svgartista.net
**************************************************/
@-webkit-keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(235, 108, 108);
}
}
@keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: rgb(235, 108, 108);
}
}
.svg-elem-1 {
-webkit-animation: animate-svg-fill-1 1.4s linear 1.3s both;
animation: animate-svg-fill-1 1.4s linear 1.3s both;
}