JSFiddle - React, Tailwind, and code Playground

by mrjordy

HTML

<svg preserveAspectRatio="xMidYMid" width="54" height="53" viewBox="0 0 54 53">
  <path class="vVec" d="M 49,51 H 5 C 3.343,51 2,49.657 2,48 V 5 C 2,3.343 3.343,2 5,2 h 44 c 1.657,0 3,1.343 3,3 v 43 c 0,1.657 -1.343,3 -3,3 z M 28,20 c 0.157,1.484 -0.489,2.857 -1,4 -0.511,1.143 -5,7 -5,7 0,0 -0.507,-6.377 0,-8 0.507,-1.623 0.731,-1.193 0,-2 -0.731,-0.807 -2.525,-1.13 -3,0 -0.475,1.13 0.425,3.68 0,6 -0.42,2.293 -1.848,7.148 -1,8 0.848,0.852 3.018,0.422 5,-2 1.982,-2.422 7.417,-8.79 8,-12 0.28,-1.545 -3.157,-2.484 -3,-1 z m 5,11 c -1.563,0.122 -1.885792,1.227441 -2,2 -0.31,0.977 0.343573,2.95644 2,3 1.067487,0.02807 2.281152,-0.745433 2.405216,-2.298064 C 35.685216,32.506936 34.675,30.869 33,31 Z"/>
</svg>

CSS

.vVec {
  fill: black;
  fill-rule: evenodd;
}