How do I flip the orientation of a foundation icon

Question

I have a foundation-icon which is a magnifying glass oriented from lower left to upper right

This is not how nearly all sites display the icon (normally it is upper left to lower right, e.g., google):

Is there a method or CSS class to flip this?

Answer 1

.logo{
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}