JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<div class="verm-icon menu-1">
<span class="glyphicon glyphicon-th"></span>
    <div class="circle">
        <span class="glyphicon glyphicon-circle-arrow-left arrow-mini"></span> 
    </div>
</div>



<div class="verm-icon menu-1">
<span class="glyphicon glyphicon-th"></span>
    <div class="circle">
        <span class="glyphicon glyphicon-circle-arrow-right arrow-mini"></span> 
    </div>
</div>


<div class="verm-icon menu-1">
<span class="glyphicon glyphicon-th"></span>
</div>

CSS

body{
       background-color:#000;

}
.verm-icon{
    font-size: 18px;
    margin:30px;
    color:#fff;
}
.arrow-mini{
    font-size: 10px;
    top: -8px;
    left: 1.5px;

}
.circle {
	width: 13px;
    height: 13px;
    background: #000;
    -moz-border-radius: 50%x;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    margin-top: -12px;
    margin-left: 9px;
}