JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="200" height="200" viewBox="0 0 100 100">
  <defs>
    <line id="line1" x1="25" x2="75" y1="25" y2="75"/>
  </defs>
  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#line1" class="stroke"></use>
  <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#line1" class="line"></use>
</svg>

CSS

.stroke {
  stroke: red;
  stroke-width: 10px;
}

.line {
  stroke: black;
  stroke-width: 1px;
}