JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
  width: 5em;
  height: 5em;
  background-image: linear-gradient(90deg,yellow 40%,transparent 50%);
  -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}