JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.arrow {
    position:absolute;
    top: 100px;
    left: 100px;
    width: 120px;
    height:0;
    border-bottom: 5px solid #000000;
    transform: rotate(70deg);
}

.arrow::after {	
  content: '';
  width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid #000000;
	position: absolute;
	right: -10px;
	top: -8px;
}