JSFiddle - React, Tailwind, and code Playground

HTML

<div class="arrow"></div>

CSS

.arrow {
  vertical-align: middle;
  content: "";
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  border-top: 52px solid #222;
  width: 0;
  height: 0;
}