JSFiddle - React, Tailwind, and code Playground

HTML

<div id="arrow">
    <div id="arrow-inner"/>
    <div id="arrow-inner2"/>
</div>

CSS

#arrow {
    width:0;
    height:0;
    border-left:17px solid transparent;
    border-right:17px solid transparent;
    border-top:17px solid #ff0033;
    margin:auto;
    position:relative;
}

#arrow-inner {
    width:0;
    height:0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid #cc0033;
    position:absolute;
    top:-15px;
    left:-12px;
}

#arrow-inner2 {
    width:0;
    height:0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid #cc0033;
    position:absolute;
    top:-15px;
    left:-12px;
}