JSFiddle - React, Tailwind, and code Playground

by Nik Shevchenko

HTML

<div class="arrow arrow-down">&nbsp;</div>

CSS

.arrow {
    display:inline-block;
    width:8px;
    height:8px;
    line-height:7px;
    border-top:1px solid #1e6db4;
    border-right:1px solid #1e6db4;
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}

.arrow-down {
    -ms-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
}