JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" class="tri">
  <polygon fill="#F3BC23" stroke="#F3BC23" stroke-width="1" points="30,4,4,60,60,60"/>
  <text x="32" y="50" text-anchor="middle" fill="white" font-size="30">Xasdfa s</text>
</svg>

SCSS

.tri {
  width: 200px;
  height: 200px;
  
 text {
   font-size: 10px;
 }
}