JSFiddle - React, Tailwind, and code Playground

HTML

<div class="post-meta">
                <span class="icon author">Login</span><br/>
                <span class="icon date">20.08.2004</span><br/>
                <a href="" data-action="report"  class="icon report"><span>Нарушение</span></a>
            </div>

CSS

.post-meta span{padding-left:25px}

.icon{background: url(http://i.piccy.info/i9/753b256a7306c981c736afb4b0d969d6/1401798715/4709/755823/sprites.png) no-repeat; width: 17px;height: 17px; }


.icon.comments{background-position: -20px -169px }
.icon.comments:hover{background-position: -1px -169px}

.icon.date{background-position: -21px -249px ;}
.icon.date:hover{background-position: -1px -249px}

.icon.report{background-position: -21px -22px; display: block; width: 17px;}
.icon.report:hover{background-position: -2px -22px }

.icon.author{background-position: -21px -1px}
.icon.author:hover{background-position: -2px -2px}