JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.51 25.51">
    <rect id="a1" x="0.5" y="0.5" width="25.51" height="25.51"/>
</svg>

CSS

svg {
  display: block;
  
  stroke: #000;
  stroke-width: 2px;
}

svg rect {
  fill: red;
}