JSFiddle - React, Tailwind, and code Playground

by James Butler

HTML

<span class="first"><span class="second"><i class="third"></i><i class="forth"></i></span></span>

CSS

.first{display: inline-block; width: 3em; height: 3em}

.second{
    position: relative; display: inline-block; width: 3em; height: 3em
}

.third{
    position: absolute;
    display:inline-block;
    width:0;
    height:0;
    line-height:0;
    border:1.5em solid transparent;
    margin-top:-1em;
    border-bottom:1em solid #007BFF;left:0em;top:0em
}
.forth{
    position: absolute;display:inline-block;width:0;height:0;line-height:0;border:1.5em solid #007BFF;border-bottom:1.5em solid #007BFF;left:0em;top:1.5em
}