JSFiddle - React, Tailwind, and code Playground

HTML

<div class="arrow up"></div>
<br>
<div class="arrow down"></div>

CSS

body {
    padding: 20px;
}

.arrow {
   height: 0;
   width: 0;
   border: 4px solid transparent;
}
.arrow.up {
   border-bottom-color: #000;
}
.arrow.down {
   border-top-color: #000;
}