Css Hr Vertical Line with Arrow [duplicate]

I have created a vertical line using the hr tag and CSS code below. Question I have is how do I add a bottom arrow like this?

Code CSS

.hr-chart-vertical-bottom {  
 width: 2px;
 height: 50px;
 margin-top: 0px;
 background-color:#4d74be;
 color:#4d74be;
 border: 0 none;  
}

HTML

<hr class = "hr-chart-vertical-bottom">