JSFiddle - React, Tailwind, and code Playground

HTML

<div class="triangle">

</div>

CSS

.triangle {
  width: 300px;
  height: 258px;
  -webkit-mask:conic-gradient(from 150deg at top, red 60deg, #fff0 0);
  background:linear-gradient(red,blue)
}