JSFiddle - React, Tailwind, and code Playground

by jeremyfrank

HTML

<script src="http://fonts.googleapis.com/css?family=Lato"></script>
<i class='icon flower'></i>

CSS

body {
    font-family: sans-serif;
}

.icon {
    font-style: normal;
    position: relative;
}

.flower:before,
.flower:after {
    content: '∞';
    display: block;
    font-family: 'Lato', sans-serif;
    left: 0;
    font-size: 32px;
    line-height: 1;
    position: absolute;
    top: 0;
}

.flower:after {
    -webkit-transform: rotate(90deg) translate(.08em, -.08em);
}