JSFiddle - React, Tailwind, and code Playground

HTML

<object id="svg" type="image/svg+xml">
  <svg viewBox="0 0 999 799">
    <polygon points="445,161 345,174 500,10" />
    <polygon points="445,161 345,174 500,270" />
  </svg>
</object>

CSS

polygon {
  stroke-width: 5;
  stroke: red;
  fill: none;
}

polygon:hover {
  fill: red;
}