JSFiddle - React, Tailwind, and code Playground

by Konstantin Rouda

HTML

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

CSS

.arrow-down {
  width: 100px;
  height: 100px;
  background: linear-gradient(45deg, transparent 49%, gray 50%, transparent 0);
  border-left: 1px solid gray;
  border-bottom: 1px solid gray;
  transform: rotate(-45deg);
  margin: 0 auto;
}