JSFiddle - React, Tailwind, and code Playground

by javiros

HTML

<div>
    <span class="glyphicon glyphicon-search"></span> -> Icon not flipped
</div>

<div>
    <span class="glyphicon glyphicon-search" id="my-glyphicon"></span> -> Icon flipped
</div>

CSS

#my-glyphicon {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}