JSFiddle - React, Tailwind, and code Playground

by BoxMan0617

HTML

<div class="icon-class"></div>
<div class="icon-property"></div>
<div class="icon-method"></div>
<div class="icon-required"></div>
<div class="icon-special"></div>
<div class="icon-private"></div>
<div class="icon-public"></div>

CSS

.icon-class {
    width: 14px;
    height: 16px;
    backrgound-color: #f4f4f4;
    font-weight: bold;
    color: #ed1e1e;
    position: relative;
    -webkit-box-shadow: 0px 1px 3px -1px black;
    box-shadow: 0px 1px 3px -1px black;
}

.icon-class:before {
    content: 'C';
    position: absolute;
    top: 5px;
    right: -4px;
}

.icon-class:after {
    content:"";
   position:absolute;
   top:0;
   right:0;
   border-width:0 4px 4px 0;
   border-style:solid;
   border-color:#CCC #fff;
}