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: 40px solid transparent;
}
.arrow.up {
    border-top-color:blue;
    border-right-color:green;
    border-left-color:red;
   border-bottom-color: #000;
}