JSFiddle - React, Tailwind, and code Playground

by Jens Kühn

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<span class="fa-stack">
  <i class="fa fa-calendar fa-stack-2x"></i>
  <i class="fa fa-undo fa-stack-1x"></i>
</span>

CSS

.fa-stack{
    width: 1.2em;
    height: 1.2em;
    font-size: 36px;
    opacity: .7;
}
.fa-stack:hover{
    opacity: 1;
}
.fa-stack-1x{
    line-height: 1.5em;
    bottom: -50%;
    left: 47%;
  -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.fa-stack-2x{
    font-size: 1.2em;
    opacity: .7;
}