JSFiddle - React, Tailwind, and code Playground

HTML

<div class="icon">
   test
</div>

CSS

.icon{
    width: 128px;
    height: 128px;
    background: url(icons.png) no-repeat red;
    background-position: left top;
    -webkit-transition: width .2s;
    position:absolute;
    top:0; right:0; 
}
.icon:hover{
    width:250px
}